@visactor/vchart-extension 2.1.0-alpha.24 → 2.1.0-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/build/index.js +213 -321
  2. package/build/index.min.js +1 -1
  3. package/cjs/charts/axis-3d/linear-axis.js +1 -2
  4. package/cjs/charts/bar-3d/constant.js +2 -1
  5. package/cjs/charts/candlestick/candlestick.js +1 -2
  6. package/cjs/charts/conversion-funnel/interface.js +2 -1
  7. package/cjs/charts/funnel-3d/series.js +2 -1
  8. package/cjs/charts/funnel-3d/theme.js +1 -1
  9. package/cjs/charts/histogram-3d/chart.js +1 -2
  10. package/cjs/charts/histogram-3d/index.js +1 -1
  11. package/cjs/charts/histogram-3d/interface.js +1 -1
  12. package/cjs/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  13. package/cjs/charts/storyline/interface.d.ts +2 -4
  14. package/cjs/charts/storyline/interface.js.map +1 -1
  15. package/cjs/charts/storyline/layout.d.ts +0 -1
  16. package/cjs/charts/storyline/layout.js +4 -27
  17. package/cjs/charts/storyline/layout.js.map +1 -1
  18. package/cjs/charts/storyline/layouts/arc.js +0 -1
  19. package/cjs/charts/storyline/layouts/arc.js.map +1 -1
  20. package/cjs/charts/storyline/layouts/clock.js +0 -1
  21. package/cjs/charts/storyline/layouts/clock.js.map +1 -1
  22. package/cjs/charts/storyline/layouts/common.d.ts +0 -2
  23. package/cjs/charts/storyline/layouts/common.js +6 -11
  24. package/cjs/charts/storyline/layouts/common.js.map +1 -1
  25. package/cjs/charts/storyline/layouts/default.js +0 -1
  26. package/cjs/charts/storyline/layouts/default.js.map +1 -1
  27. package/cjs/charts/storyline/layouts/landscape.js +4 -5
  28. package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
  29. package/cjs/charts/storyline/layouts/portrait.js +0 -1
  30. package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
  31. package/cjs/charts/storyline/layouts/wing.js +137 -23
  32. package/cjs/charts/storyline/layouts/wing.js.map +1 -1
  33. package/cjs/charts/storyline/storyline-transformer.js +10 -22
  34. package/cjs/charts/storyline/storyline-transformer.js.map +1 -1
  35. package/esm/charts/axis-3d/linear-axis.js +1 -2
  36. package/esm/charts/bar-3d/constant.js +2 -1
  37. package/esm/charts/candlestick/candlestick.js +1 -2
  38. package/esm/charts/conversion-funnel/interface.js +2 -1
  39. package/esm/charts/funnel-3d/series.js +2 -1
  40. package/esm/charts/funnel-3d/theme.js +1 -1
  41. package/esm/charts/histogram-3d/chart.js +1 -2
  42. package/esm/charts/histogram-3d/index.js +1 -1
  43. package/esm/charts/histogram-3d/interface.js +1 -1
  44. package/esm/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  45. package/esm/charts/storyline/interface.d.ts +2 -4
  46. package/esm/charts/storyline/interface.js.map +1 -1
  47. package/esm/charts/storyline/layout.d.ts +0 -1
  48. package/esm/charts/storyline/layout.js +4 -27
  49. package/esm/charts/storyline/layout.js.map +1 -1
  50. package/esm/charts/storyline/layouts/arc.js +0 -1
  51. package/esm/charts/storyline/layouts/arc.js.map +1 -1
  52. package/esm/charts/storyline/layouts/clock.js +0 -1
  53. package/esm/charts/storyline/layouts/clock.js.map +1 -1
  54. package/esm/charts/storyline/layouts/common.d.ts +0 -2
  55. package/esm/charts/storyline/layouts/common.js +3 -8
  56. package/esm/charts/storyline/layouts/common.js.map +1 -1
  57. package/esm/charts/storyline/layouts/default.js +0 -1
  58. package/esm/charts/storyline/layouts/default.js.map +1 -1
  59. package/esm/charts/storyline/layouts/landscape.js +4 -5
  60. package/esm/charts/storyline/layouts/landscape.js.map +1 -1
  61. package/esm/charts/storyline/layouts/portrait.js +0 -1
  62. package/esm/charts/storyline/layouts/portrait.js.map +1 -1
  63. package/esm/charts/storyline/layouts/wing.js +136 -22
  64. package/esm/charts/storyline/layouts/wing.js.map +1 -1
  65. package/esm/charts/storyline/storyline-transformer.js +8 -21
  66. package/esm/charts/storyline/storyline-transformer.js.map +1 -1
  67. package/package.json +4 -4
  68. package/cjs/charts/storyline/layouts/ladder.d.ts +0 -5
  69. package/cjs/charts/storyline/layouts/ladder.js +0 -230
  70. package/cjs/charts/storyline/layouts/ladder.js.map +0 -1
  71. package/esm/charts/storyline/layouts/ladder.d.ts +0 -5
  72. package/esm/charts/storyline/layouts/ladder.js +0 -217
  73. package/esm/charts/storyline/layouts/ladder.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/portrait.ts"],"names":[],"mappings":"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","file":"portrait.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n DEFAULT_BLOCK_HEIGHT,\n BLOCK_TITLE_MAX_LINES,\n buildPlainContent,\n getBlockTitleHeight,\n getImageBackgroundStyle,\n getLayout,\n omitImageLayoutSpec,\n resolveAdaptiveLineHeight,\n resolveMarkerFontSize,\n resolveBlockWidth,\n resolveTitleFontSize,\n shouldShowImageBackground,\n withAlpha\n} from './common';\n\n// portrait 布局:中轴 rect + 左右交替的 image + image 下方 title/content\n// 中轴默认加宽,便于在轴上叠放 block.marker 时间节点文字(纵向逐字排列)\nconst PORTRAIT_AXIS_WIDTH = 96;\nconst PORTRAIT_AXIS_PADDING = 120; // 中轴上下两端的留白\n// marker 时间节点文字的默认样式(fontSize 30、白色字、贴轴对应一侧边缘)\nconst PORTRAIT_MARKER_FONT_SIZE = 34;\nconst PORTRAIT_MARKER_LINE_HEIGHT = 24;\nconst PORTRAIT_MARKER_AXIS_PADDING = 6; // marker 距离轴边缘的水平内边距\n// image 默认尺寸的占比规则(基于 region 平均槽位):\n// - image 高度 = slotHeight * 0.6\n// - content 高度 = slotHeight * (0.6 + 0.4)\n// 其中 slotHeight = regionHeight / (blockCount + 1),由 getLayout 计算。\nexport const PORTRAIT_IMAGE_HEIGHT_RATIO = 0.6;\nexport const PORTRAIT_CONTENT_HEIGHT_RATIO = 1.25;\nconst PORTRAIT_IMAGE_GAP_FROM_AXIS = 24; // image 与中轴之间的水平间距\nconst PORTRAIT_SHADOW_OFFSET_X = 24; // subImage 相对主 image 的水平错位量\nconst PORTRAIT_SHADOW_OFFSET_Y = 16; // subImage 相对主 image 的垂直错位量\nconst PORTRAIT_SHADOW_SCALE = 1; // subImage 与主 image 同尺寸,仅做错位偏移\nexport const PORTRAIT_TEXT_GAP_FROM_IMAGE = 8;\nexport const PORTRAIT_CONTENT_LINES = 3;\nexport const PORTRAIT_TITLE_LINE_HEIGHT = 34;\nexport const PORTRAIT_CONTENT_LINE_HEIGHT = 23;\nconst PORTRAIT_CONTENT_FONT_SIZE = 16;\nexport const PORTRAIT_TITLE_TO_CONTENT_GAP = 4;\n\nexport const buildPortraitAxisMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n const themeColor = spec.themeColor ?? '#e8543d';\n const lineStyle = spec.line?.style ?? {};\n const defaultFill = {\n gradient: 'linear',\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 1,\n stops: [\n { offset: 0, color: withAlpha(themeColor, 0.2) },\n { offset: 1, color: withAlpha(themeColor, 1) }\n ]\n };\n // marker 时间节点文字:垂直方向逐字排列(每字符换行)\n const markerVisible = spec.marker?.visible !== false;\n\n const markerMarks = markerVisible\n ? (spec.data ?? [])\n .map((block, index) => {\n if (!block.marker) {\n return null;\n }\n // image 在 block 左侧时(index 偶数),marker 贴轴左边缘 + 左对齐;\n // image 在 block 右侧时(index 奇数),marker 贴轴右边缘 + 右对齐。\n const onLeft = index % 2 === 0;\n const axisHalf = PORTRAIT_AXIS_WIDTH / 2;\n const markerOffsetX = onLeft\n ? -axisHalf + PORTRAIT_MARKER_AXIS_PADDING\n : axisHalf - PORTRAIT_MARKER_AXIS_PADDING;\n const markerTextAlign: 'left' | 'right' = onLeft ? 'left' : 'right';\n return {\n type: 'text',\n textType: 'rich',\n name: `storyline-portrait-marker-${index}`,\n interactive: false,\n ...spec.marker,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return (lb?.center?.x ?? 0) + markerOffsetX;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.y ?? 0;\n },\n text: (_d: unknown, ctx: LayoutContext) => {\n const axis = getPortraitAxisRect(spec, ctx);\n const markerFontSize = resolveMarkerFontSize(\n spec,\n ctx,\n block.marker,\n axis.height / Math.max(spec.data?.length ?? 1, 1),\n PORTRAIT_MARKER_FONT_SIZE,\n [16, 38]\n );\n const markerLineHeight = resolveAdaptiveLineHeight(\n markerFontSize,\n spec.marker?.style as any,\n PORTRAIT_MARKER_LINE_HEIGHT,\n 0.9\n );\n return {\n type: 'rich',\n text: block.marker.split('').map((char, i, arr) => ({\n text: char + (i < arr.length - 1 ? '\\n' : ''),\n fontSize: markerFontSize,\n lineHeight: markerLineHeight,\n fill: '#fff',\n align: markerTextAlign\n }))\n };\n },\n fontWeight: 'bold',\n lineJoin: 'round',\n shadowColor: 'rgba(0, 0, 0, 0.3)',\n shadowBlur: 8,\n shadowOffsetX: 0,\n shadowOffsetY: 5,\n textAlign: markerTextAlign,\n textBaseline: 'middle',\n ...(spec.marker?.style as any)\n }\n } as ICustomMarkSpec<'text'>;\n })\n .filter(Boolean)\n : [];\n\n return {\n type: 'group' as any,\n name: 'storyline-portrait-axis',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'rect',\n name: 'storyline-portrait-axis-rect',\n interactive: false,\n style: {\n fill: (lineStyle as any).fill ?? defaultFill,\n stroke: (lineStyle as any).stroke ?? false,\n lineWidth: (lineStyle as any).lineWidth ?? 0,\n cornerRadius: (lineStyle as any).cornerRadius ?? 0,\n x: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).height\n }\n } as ICustomMarkSpec<'rect'>,\n ...(markerMarks as ICustomMarkSpec<any>[])\n ]\n };\n};\n\nconst getPortraitMetrics = (\n spec: IStorylineSpec,\n blockWidth: number,\n blockHeight: number,\n index: number,\n ctx: LayoutContext\n) => {\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? PORTRAIT_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? PORTRAIT_CONTENT_LINE_HEIGHT);\n const titleToContentGap = PORTRAIT_TITLE_TO_CONTENT_GAP;\n\n // 默认 image 高度 = blockHeight * 0.4(blockHeight = regionHeight / count,由 getLayout 计算);\n // 默认 image 宽度 = blockWidth,让 image 横向自适应单个 block 槽位宽度\n const imageWidth = spec.image?.width ?? Math.max(blockWidth, 80);\n const imageHeight = spec.image?.height ?? Math.round(blockHeight * PORTRAIT_IMAGE_HEIGHT_RATIO);\n const titleFontSize = resolveTitleFontSize(spec, ctx, spec.data?.[index]?.title, imageWidth, 26, [8, 34]);\n const titleLineHeight = resolveAdaptiveLineHeight(\n titleFontSize,\n spec.title?.style as any,\n PORTRAIT_TITLE_LINE_HEIGHT\n );\n const titleHeight = getBlockTitleHeight(titleLineHeight, spec.data?.[index]?.title, imageWidth, titleFontSize);\n const minContentHeight = PORTRAIT_CONTENT_LINES * contentLineHeight;\n // 默认 content 高度 = blockHeight * 0.4\n const contentHeight = Math.max(minContentHeight, Math.round(blockHeight * PORTRAIT_CONTENT_HEIGHT_RATIO));\n\n const textHeight = titleHeight + titleToContentGap + contentHeight;\n\n const onLeft = index % 2 === 0;\n\n const axisHalf = PORTRAIT_AXIS_WIDTH / 2;\n const imageX = onLeft\n ? -axisHalf - PORTRAIT_IMAGE_GAP_FROM_AXIS - imageWidth\n : axisHalf + PORTRAIT_IMAGE_GAP_FROM_AXIS;\n const imageY = -imageHeight / 2;\n\n const textX = imageX;\n const textY = imageY + imageHeight + PORTRAIT_TEXT_GAP_FROM_IMAGE;\n const textWidth = imageWidth;\n\n const contentBox = {\n x: textX,\n y: textY + titleHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n\n const shadowOffsetX = PORTRAIT_SHADOW_OFFSET_X;\n const shadowOffsetY = PORTRAIT_SHADOW_OFFSET_Y;\n const shadowWidth = imageWidth * PORTRAIT_SHADOW_SCALE;\n const shadowHeight = imageHeight * PORTRAIT_SHADOW_SCALE;\n const baseShadowX = imageX - (shadowWidth - imageWidth) / 2;\n const baseShadowY = imageY - (shadowHeight - imageHeight) / 2;\n const shadowBox = {\n x: baseShadowX + (onLeft ? -shadowOffsetX : shadowOffsetX),\n y: baseShadowY + shadowOffsetY,\n width: shadowWidth,\n height: shadowHeight\n };\n\n return {\n onLeft,\n titleFontSize,\n titleLineHeight,\n titleHeight,\n contentFontSize,\n contentLineHeight,\n blockWidth,\n imageBox: { x: imageX, y: imageY, width: imageWidth, height: imageHeight },\n shadowBox,\n textBox: { x: textX, y: textY, width: textWidth, height: textHeight },\n contentBox\n };\n};\n\n/**\n * 获取 portrait 布局的中轴 rect 尺寸:宽度固定,高度覆盖首尾 block 的完整内容范围。\n */\nconst getPortraitAxisRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const blocks = getLayout(spec, ctx).blocks;\n if (!blocks.length) {\n return { x: 0, y: 0, width: 0, height: 0 };\n }\n let top = Number.POSITIVE_INFINITY;\n let bottom = Number.NEGATIVE_INFINITY;\n blocks.forEach((block, index) => {\n const metrics = getPortraitMetrics(spec, block.width, block.height, index, ctx);\n const localTop = Math.min(metrics.imageBox.y, metrics.shadowBox.y, metrics.textBox.y, metrics.contentBox.y);\n const localBottom = Math.max(\n metrics.imageBox.y + metrics.imageBox.height,\n metrics.shadowBox.y + metrics.shadowBox.height,\n metrics.textBox.y + metrics.textBox.height,\n metrics.contentBox.y + metrics.contentBox.height\n );\n top = Math.min(top, block.center.y + localTop);\n bottom = Math.max(bottom, block.center.y + localBottom);\n });\n const cx = blocks[0].center.x;\n return {\n x: cx - PORTRAIT_AXIS_WIDTH / 2,\n y: top - PORTRAIT_AXIS_PADDING,\n width: PORTRAIT_AXIS_WIDTH,\n height: bottom - top + PORTRAIT_AXIS_PADDING * 2\n };\n};\n\nexport const buildPortraitBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const hasSubImage = !!block.subImage;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n\n const getMetrics = (ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n const w = lb?.width ?? resolveBlockWidth(spec, 0);\n const h = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n return getPortraitMetrics(spec, w, h, index, ctx);\n };\n const blockStyle = spec.block?.style ?? {};\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.x ?? 0;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.y ?? 0;\n }\n },\n children: [\n hasSubImage\n ? ({\n type: 'image',\n name: `storyline-block-shadow-image-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.height,\n image: block.subImage,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'contain',\n imagePosition: 'center'\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n shouldShowImageBackground(spec)\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 ...getImageBackgroundStyle(spec),\n ...blockStyle\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) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n image: block.image,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'contain',\n imagePosition: 'center',\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleHeight,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleLineHeight * BLOCK_TITLE_MAX_LINES,\n lineClamp: BLOCK_TITLE_MAX_LINES,\n fontSize: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleFontSize,\n lineHeight: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\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 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: buildPlainContent(contentText),\n fontSize: PORTRAIT_CONTENT_FONT_SIZE,\n lineHeight: PORTRAIT_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
1
+ {"version":3,"sources":["../src/charts/storyline/layouts/portrait.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAGL,oBAAoB,EACpB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,SAAS,EACT,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACV,MAAM,UAAU,CAAC;AAIlB,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAElC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AACrC,MAAM,2BAA2B,GAAG,EAAE,CAAC;AACvC,MAAM,4BAA4B,GAAG,CAAC,CAAC;AAKvC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC;AAC/C,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,CAAC;AAClD,MAAM,4BAA4B,GAAG,EAAE,CAAC;AACxC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,CAAC;AAC9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAC7C,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAC/C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAoB,EAA2B,EAAE;;IACrF,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,UAAU,mCAAI,SAAS,CAAC;IAChD,MAAM,SAAS,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,mCAAI,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG;QAClB,QAAQ,EAAE,QAAQ;QAClB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,KAAK,EAAE;YACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE;YAChD,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE;SAC/C;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,MAAK,KAAK,CAAC;IAErD,MAAM,WAAW,GAAG,aAAa;QAC/B,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;aACd,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;;YACpB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACjB,OAAO,IAAI,CAAC;aACb;YAGD,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAG,mBAAmB,GAAG,CAAC,CAAC;YACzC,MAAM,aAAa,GAAG,MAAM;gBAC1B,CAAC,CAAC,CAAC,QAAQ,GAAG,4BAA4B;gBAC1C,CAAC,CAAC,QAAQ,GAAG,4BAA4B,CAAC;YAC5C,MAAM,eAAe,GAAqB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YACpE,OAAO,8BACL,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,6BAA6B,KAAK,EAAE,EAC1C,WAAW,EAAE,KAAK,IACf,IAAI,CAAC,MAAM,KACd,KAAK,kBACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;wBACrC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC9C,OAAO,CAAC,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,0CAAE,CAAC,mCAAI,CAAC,CAAC,GAAG,aAAa,CAAC;oBAC9C,CAAC,EACD,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;wBACrC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC9C,OAAO,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,0CAAE,CAAC,mCAAI,CAAC,CAAC;oBAC5B,CAAC,EACD,IAAI,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;wBACxC,MAAM,IAAI,GAAG,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBAC5C,MAAM,cAAc,GAAG,qBAAqB,CAC1C,IAAI,EACJ,GAAG,EACH,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC,CAAC,EACjD,yBAAyB,EACzB,CAAC,EAAE,EAAE,EAAE,CAAC,CACT,CAAC;wBACF,MAAM,gBAAgB,GAAG,yBAAyB,CAChD,cAAc,EACd,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAY,EACzB,2BAA2B,EAC3B,GAAG,CACJ,CAAC;wBACF,OAAO;4BACL,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;gCAClD,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;gCAC7C,QAAQ,EAAE,cAAc;gCACxB,UAAU,EAAE,gBAAgB;gCAC5B,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE,eAAe;6BACvB,CAAC,CAAC;yBACJ,CAAC;oBACJ,CAAC,EACD,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,oBAAoB,EACjC,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,CAAC,EAChB,aAAa,EAAE,CAAC,EAChB,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,QAAQ,IAClB,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAa,IAEN,CAAC;QAC/B,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAC;QACpB,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,IAAI,EAAE,yBAAyB;QAC/B,MAAM,EAAE,YAAY,CAAC,IAAI;QACzB,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,8BAA8B;gBACpC,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE;oBACL,IAAI,EAAE,MAAC,SAAiB,CAAC,IAAI,mCAAI,WAAW;oBAC5C,MAAM,EAAE,MAAC,SAAiB,CAAC,MAAM,mCAAI,KAAK;oBAC1C,SAAS,EAAE,MAAC,SAAiB,CAAC,SAAS,mCAAI,CAAC;oBAC5C,YAAY,EAAE,MAAC,SAAiB,CAAC,YAAY,mCAAI,CAAC;oBAClD,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;oBACxE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;oBACxE,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK;oBAChF,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM;iBACnF;aACyB;YAC5B,GAAI,WAAsC;SAC3C;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,IAAoB,EACpB,UAAkB,EAClB,WAAmB,EACnB,KAAa,EACb,GAAkB,EAClB,EAAE;;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAa,0CAAE,QAAQ,mCAAI,0BAA0B,CAAC,CAAC;IACrG,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAa,0CAAE,UAAU,mCAAI,4BAA4B,CAAC,CAAC;IAC3G,MAAM,iBAAiB,GAAG,6BAA6B,CAAC;IAIxD,MAAM,UAAU,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,2BAA2B,CAAC,CAAC;IAChG,MAAM,aAAa,GAAG,oBAAoB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,0CAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1G,MAAM,eAAe,GAAG,yBAAyB,CAC/C,aAAa,EACb,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAY,EACxB,0BAA0B,CAC3B,CAAC;IACF,MAAM,WAAW,GAAG,mBAAmB,CAAC,eAAe,EAAE,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,0CAAE,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC/G,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,iBAAiB,CAAC;IAEpE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,6BAA6B,CAAC,CAAC,CAAC;IAE1G,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAEnE,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,mBAAmB,GAAG,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM;QACnB,CAAC,CAAC,CAAC,QAAQ,GAAG,4BAA4B,GAAG,UAAU;QACvD,CAAC,CAAC,QAAQ,GAAG,4BAA4B,CAAC;IAC5C,MAAM,MAAM,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,MAAM,CAAC;IACrB,MAAM,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,4BAA4B,CAAC;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC;IAE7B,MAAM,UAAU,GAAG;QACjB,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,iBAAiB;QAC1C,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,aAAa;KACtB,CAAC;IAEF,MAAM,aAAa,GAAG,wBAAwB,CAAC;IAC/C,MAAM,aAAa,GAAG,wBAAwB,CAAC;IAC/C,MAAM,WAAW,GAAG,UAAU,GAAG,qBAAqB,CAAC;IACvD,MAAM,YAAY,GAAG,WAAW,GAAG,qBAAqB,CAAC;IACzD,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG;QAChB,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;QAC1D,CAAC,EAAE,WAAW,GAAG,aAAa;QAC9B,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,YAAY;KACrB,CAAC;IAEF,OAAO;QACL,MAAM;QACN,aAAa;QACb,eAAe;QACf,WAAW;QACX,eAAe;QACf,iBAAiB;QACjB,UAAU;QACV,QAAQ,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE;QAC1E,SAAS;QACT,OAAO,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE;QACrE,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,mBAAmB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;QAClB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KAC5C;IACD,IAAI,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;IACnC,IAAI,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;IACtC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QAChF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5G,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,EAC5C,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,EAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EAC1C,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,CACjD,CAAC;QACF,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC/C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,OAAO;QACL,CAAC,EAAE,EAAE,GAAG,mBAAmB,GAAG,CAAC;QAC/B,CAAC,EAAE,GAAG,GAAG,qBAAqB;QAC9B,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,qBAAqB,GAAG,CAAC;KACjD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,IAAoB,EACpB,KAAsB,EACtB,KAAa,EACY,EAAE;;IAC3B,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IACrC,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;IAExG,MAAM,UAAU,GAAG,CAAC,GAAkB,EAAE,EAAE;;QACxC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,CAAC,GAAG,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,mCAAI,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,GAAG,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,oBAAoB,CAAC;QACnE,OAAO,kBAAkB,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACpD,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC;IAE3C,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,EAAW,EAAE,GAAkB,EAAE,EAAE;;gBACrC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,0CAAE,CAAC,mCAAI,CAAC,CAAC;YAC5B,CAAC;YACD,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;gBACrC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,0CAAE,CAAC,mCAAI,CAAC,CAAC;YAC5B,CAAC;SACF;QACD,QAAQ,EAAE;YACR,WAAW;gBACT,CAAC,CAAE;oBACC,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,gCAAgC,KAAK,EAAE;oBAC7C,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAE;wBACL,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;wBACnE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;wBACnE,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK;wBAC3E,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM;wBAC7E,KAAK,EAAE,KAAK,CAAC,QAAQ;wBACrB,OAAO,EAAE,WAAW;wBACpB,OAAO,EAAE,WAAW;wBACpB,SAAS,EAAE,SAAS;wBACpB,aAAa,EAAE,QAAQ;qBACxB;iBAC2B;gBAChC,CAAC,CAAC,IAAI;YACR,yBAAyB,CAAC,IAAI,CAAC;gBAC7B,CAAC,CAAE;oBACC,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,4BAA4B,KAAK,EAAE;oBACzC,WAAW,EAAE,KAAK;oBAClB,KAAK,gCACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAClE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAClE,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,EAC1E,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,EAC5E,YAAY,EAAE,CAAC,IACZ,uBAAuB,CAAC,IAAI,CAAC,GAC7B,UAAU,CACd;iBAC0B;gBAC/B,CAAC,CAAC,IAAI;YACR,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,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAClE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAClE,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,EAC1E,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,EAC5E,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,QAAQ,IACpB,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,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EACjE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EACjE,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,WAAW,EACxE,WAAW,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,eAAe,GAAG,qBAAqB,EACzG,SAAS,EAAE,qBAAqB,EAChC,QAAQ,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,aAAa,EAC5E,UAAU,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,eAAe,EAChF,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,EACnB,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,KAAK,IACZ,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,KAAK,kBACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,EACpE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,EACpE,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,EAC5E,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,MAAM,EAC9E,YAAY,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,EACnF,WAAW,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,MAAM,EACnF,IAAI,EAAE,iBAAiB,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,0BAA0B,EACpC,UAAU,EAAE,4BAA4B,EACxC,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,QAAQ,EACpB,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","file":"portrait.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n DEFAULT_BLOCK_HEIGHT,\n BLOCK_TITLE_MAX_LINES,\n buildPlainContent,\n getBlockTitleHeight,\n getImageBackgroundStyle,\n getLayout,\n omitImageLayoutSpec,\n resolveAdaptiveLineHeight,\n resolveMarkerFontSize,\n resolveBlockWidth,\n resolveTitleFontSize,\n shouldShowImageBackground,\n withAlpha\n} from './common';\n\n// portrait 布局:中轴 rect + 左右交替的 image + image 下方 title/content\n// 中轴默认加宽,便于在轴上叠放 block.marker 时间节点文字(纵向逐字排列)\nconst PORTRAIT_AXIS_WIDTH = 96;\nconst PORTRAIT_AXIS_PADDING = 120; // 中轴上下两端的留白\n// marker 时间节点文字的默认样式(fontSize 30、白色字、贴轴对应一侧边缘)\nconst PORTRAIT_MARKER_FONT_SIZE = 34;\nconst PORTRAIT_MARKER_LINE_HEIGHT = 24;\nconst PORTRAIT_MARKER_AXIS_PADDING = 6; // marker 距离轴边缘的水平内边距\n// image 默认尺寸的占比规则(基于 region 平均槽位):\n// - image 高度 = slotHeight * 0.6\n// - content 高度 = slotHeight * (0.6 + 0.4)\n// 其中 slotHeight = regionHeight / (blockCount + 1),由 getLayout 计算。\nexport const PORTRAIT_IMAGE_HEIGHT_RATIO = 0.6;\nexport const PORTRAIT_CONTENT_HEIGHT_RATIO = 1.25;\nconst PORTRAIT_IMAGE_GAP_FROM_AXIS = 24; // image 与中轴之间的水平间距\nconst PORTRAIT_SHADOW_OFFSET_X = 24; // subImage 相对主 image 的水平错位量\nconst PORTRAIT_SHADOW_OFFSET_Y = 16; // subImage 相对主 image 的垂直错位量\nconst PORTRAIT_SHADOW_SCALE = 1; // subImage 与主 image 同尺寸,仅做错位偏移\nexport const PORTRAIT_TEXT_GAP_FROM_IMAGE = 8;\nexport const PORTRAIT_CONTENT_LINES = 3;\nexport const PORTRAIT_TITLE_LINE_HEIGHT = 34;\nexport const PORTRAIT_CONTENT_LINE_HEIGHT = 23;\nconst PORTRAIT_CONTENT_FONT_SIZE = 16;\nexport const PORTRAIT_TITLE_TO_CONTENT_GAP = 4;\n\nexport const buildPortraitAxisMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n const themeColor = spec.themeColor ?? '#e8543d';\n const lineStyle = spec.line?.style ?? {};\n const defaultFill = {\n gradient: 'linear',\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 1,\n stops: [\n { offset: 0, color: withAlpha(themeColor, 0.2) },\n { offset: 1, color: withAlpha(themeColor, 1) }\n ]\n };\n // marker 时间节点文字:垂直方向逐字排列(每字符换行)\n const markerVisible = spec.marker?.visible !== false;\n\n const markerMarks = markerVisible\n ? (spec.data ?? [])\n .map((block, index) => {\n if (!block.marker) {\n return null;\n }\n // image 在 block 左侧时(index 偶数),marker 贴轴左边缘 + 左对齐;\n // image 在 block 右侧时(index 奇数),marker 贴轴右边缘 + 右对齐。\n const onLeft = index % 2 === 0;\n const axisHalf = PORTRAIT_AXIS_WIDTH / 2;\n const markerOffsetX = onLeft\n ? -axisHalf + PORTRAIT_MARKER_AXIS_PADDING\n : axisHalf - PORTRAIT_MARKER_AXIS_PADDING;\n const markerTextAlign: 'left' | 'right' = onLeft ? 'left' : 'right';\n return {\n type: 'text',\n textType: 'rich',\n name: `storyline-portrait-marker-${index}`,\n interactive: false,\n ...spec.marker,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return (lb?.center?.x ?? 0) + markerOffsetX;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.y ?? 0;\n },\n text: (_d: unknown, ctx: LayoutContext) => {\n const axis = getPortraitAxisRect(spec, ctx);\n const markerFontSize = resolveMarkerFontSize(\n spec,\n ctx,\n block.marker,\n axis.height / Math.max(spec.data?.length ?? 1, 1),\n PORTRAIT_MARKER_FONT_SIZE,\n [16, 38]\n );\n const markerLineHeight = resolveAdaptiveLineHeight(\n markerFontSize,\n spec.marker?.style as any,\n PORTRAIT_MARKER_LINE_HEIGHT,\n 0.9\n );\n return {\n type: 'rich',\n text: block.marker.split('').map((char, i, arr) => ({\n text: char + (i < arr.length - 1 ? '\\n' : ''),\n fontSize: markerFontSize,\n lineHeight: markerLineHeight,\n fill: '#fff',\n align: markerTextAlign\n }))\n };\n },\n fontWeight: 'bold',\n lineJoin: 'round',\n shadowColor: 'rgba(0, 0, 0, 0.3)',\n shadowBlur: 8,\n shadowOffsetX: 0,\n shadowOffsetY: 5,\n textAlign: markerTextAlign,\n textBaseline: 'middle',\n ...(spec.marker?.style as any)\n }\n } as ICustomMarkSpec<'text'>;\n })\n .filter(Boolean)\n : [];\n\n return {\n type: 'group' as any,\n name: 'storyline-portrait-axis',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'rect',\n name: 'storyline-portrait-axis-rect',\n interactive: false,\n style: {\n fill: (lineStyle as any).fill ?? defaultFill,\n stroke: (lineStyle as any).stroke ?? false,\n lineWidth: (lineStyle as any).lineWidth ?? 0,\n cornerRadius: (lineStyle as any).cornerRadius ?? 0,\n x: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).height\n }\n } as ICustomMarkSpec<'rect'>,\n ...(markerMarks as ICustomMarkSpec<any>[])\n ]\n };\n};\n\nconst getPortraitMetrics = (\n spec: IStorylineSpec,\n blockWidth: number,\n blockHeight: number,\n index: number,\n ctx: LayoutContext\n) => {\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? PORTRAIT_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? PORTRAIT_CONTENT_LINE_HEIGHT);\n const titleToContentGap = PORTRAIT_TITLE_TO_CONTENT_GAP;\n\n // 默认 image 高度 = blockHeight * 0.4(blockHeight = regionHeight / count,由 getLayout 计算);\n // 默认 image 宽度 = blockWidth,让 image 横向自适应单个 block 槽位宽度\n const imageWidth = spec.image?.width ?? Math.max(blockWidth, 80);\n const imageHeight = spec.image?.height ?? Math.round(blockHeight * PORTRAIT_IMAGE_HEIGHT_RATIO);\n const titleFontSize = resolveTitleFontSize(spec, ctx, spec.data?.[index]?.title, imageWidth, 26, [8, 34]);\n const titleLineHeight = resolveAdaptiveLineHeight(\n titleFontSize,\n spec.title?.style as any,\n PORTRAIT_TITLE_LINE_HEIGHT\n );\n const titleHeight = getBlockTitleHeight(titleLineHeight, spec.data?.[index]?.title, imageWidth, titleFontSize);\n const minContentHeight = PORTRAIT_CONTENT_LINES * contentLineHeight;\n // 默认 content 高度 = blockHeight * 0.4\n const contentHeight = Math.max(minContentHeight, Math.round(blockHeight * PORTRAIT_CONTENT_HEIGHT_RATIO));\n\n const textHeight = titleHeight + titleToContentGap + contentHeight;\n\n const onLeft = index % 2 === 0;\n\n const axisHalf = PORTRAIT_AXIS_WIDTH / 2;\n const imageX = onLeft\n ? -axisHalf - PORTRAIT_IMAGE_GAP_FROM_AXIS - imageWidth\n : axisHalf + PORTRAIT_IMAGE_GAP_FROM_AXIS;\n const imageY = -imageHeight / 2;\n\n const textX = imageX;\n const textY = imageY + imageHeight + PORTRAIT_TEXT_GAP_FROM_IMAGE;\n const textWidth = imageWidth;\n\n const contentBox = {\n x: textX,\n y: textY + titleHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n\n const shadowOffsetX = PORTRAIT_SHADOW_OFFSET_X;\n const shadowOffsetY = PORTRAIT_SHADOW_OFFSET_Y;\n const shadowWidth = imageWidth * PORTRAIT_SHADOW_SCALE;\n const shadowHeight = imageHeight * PORTRAIT_SHADOW_SCALE;\n const baseShadowX = imageX - (shadowWidth - imageWidth) / 2;\n const baseShadowY = imageY - (shadowHeight - imageHeight) / 2;\n const shadowBox = {\n x: baseShadowX + (onLeft ? -shadowOffsetX : shadowOffsetX),\n y: baseShadowY + shadowOffsetY,\n width: shadowWidth,\n height: shadowHeight\n };\n\n return {\n onLeft,\n titleFontSize,\n titleLineHeight,\n titleHeight,\n contentFontSize,\n contentLineHeight,\n blockWidth,\n imageBox: { x: imageX, y: imageY, width: imageWidth, height: imageHeight },\n shadowBox,\n textBox: { x: textX, y: textY, width: textWidth, height: textHeight },\n contentBox\n };\n};\n\n/**\n * 获取 portrait 布局的中轴 rect 尺寸:宽度固定,高度覆盖首尾 block 的完整内容范围。\n */\nconst getPortraitAxisRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const blocks = getLayout(spec, ctx).blocks;\n if (!blocks.length) {\n return { x: 0, y: 0, width: 0, height: 0 };\n }\n let top = Number.POSITIVE_INFINITY;\n let bottom = Number.NEGATIVE_INFINITY;\n blocks.forEach((block, index) => {\n const metrics = getPortraitMetrics(spec, block.width, block.height, index, ctx);\n const localTop = Math.min(metrics.imageBox.y, metrics.shadowBox.y, metrics.textBox.y, metrics.contentBox.y);\n const localBottom = Math.max(\n metrics.imageBox.y + metrics.imageBox.height,\n metrics.shadowBox.y + metrics.shadowBox.height,\n metrics.textBox.y + metrics.textBox.height,\n metrics.contentBox.y + metrics.contentBox.height\n );\n top = Math.min(top, block.center.y + localTop);\n bottom = Math.max(bottom, block.center.y + localBottom);\n });\n const cx = blocks[0].center.x;\n return {\n x: cx - PORTRAIT_AXIS_WIDTH / 2,\n y: top - PORTRAIT_AXIS_PADDING,\n width: PORTRAIT_AXIS_WIDTH,\n height: bottom - top + PORTRAIT_AXIS_PADDING * 2\n };\n};\n\nexport const buildPortraitBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const hasSubImage = !!block.subImage;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n\n const getMetrics = (ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n const w = lb?.width ?? resolveBlockWidth(spec, 0);\n const h = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n return getPortraitMetrics(spec, w, h, index, ctx);\n };\n const blockStyle = spec.block?.style ?? {};\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.x ?? 0;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.center?.y ?? 0;\n }\n },\n children: [\n hasSubImage\n ? ({\n type: 'image',\n name: `storyline-block-shadow-image-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.height,\n image: block.subImage,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'contain',\n imagePosition: 'center'\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n shouldShowImageBackground(spec)\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 ...getImageBackgroundStyle(spec),\n ...blockStyle\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) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n image: block.image,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'contain',\n imagePosition: 'center',\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n text: block.title,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleHeight,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleLineHeight * BLOCK_TITLE_MAX_LINES,\n lineClamp: BLOCK_TITLE_MAX_LINES,\n fontSize: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleFontSize,\n lineHeight: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\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 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: buildPlainContent(contentText),\n fontSize: PORTRAIT_CONTENT_FONT_SIZE,\n lineHeight: PORTRAIT_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
@@ -1,15 +1,61 @@
1
- import { LayoutZIndex } from "@visactor/vchart";
1
+ import { LayoutZIndex, measureText } from "@visactor/vchart";
2
2
 
3
- import { BLOCK_TITLE_MAX_LINES, buildPlainContent, getBlockTitleHeight, getImageBackgroundStyle, getChartGeometry, getRegionGeometry, getThemeColor, getTitleImageSize, normalizeLayout, omitImageLayoutSpec, resolveAdaptiveLineHeight, resolveTitleFontSize, shouldShowImageBackground } from "./common";
3
+ import { BLOCK_TITLE_MAX_LINES, buildPlainContent, getImageBackgroundStyle, getChartGeometry, getRegionGeometry, getThemeColor, getTitleImageSize, normalizeLayout, omitImageLayoutSpec, resolveAdaptiveLineHeight, shouldShowImageBackground } from "./common";
4
4
 
5
- const WING_BLOCK_IMAGE_SIZE = 160, WING_TEXT_GAP_FROM_IMAGE = 14, WING_TITLE_LINE_HEIGHT = 30, WING_TITLE_FONT_SIZE = 22, WING_CONTENT_LINE_HEIGHT = 17, WING_CONTENT_FONT_SIZE = 12, WING_TEXT_BOX_WIDTH = 240, WING_TEXT_BOX_HEIGHT = 110, WING_TITLE_TO_CONTENT_GAP = 4, WING_TITLE_IMAGE_WIDTH_RATIO = .6, WING_TITLE_IMAGE_MAX_WIDTH = 820, getWingDirection = spec => "right" === normalizeLayout(spec.layout).direction ? "right" : "left", getWingArcGeometry = (spec, ctx) => {
5
+ const WING_BLOCK_IMAGE_SIZE = 160, WING_TEXT_GAP_FROM_IMAGE = 14, WING_TITLE_LINE_HEIGHT = 30, WING_TITLE_FONT_SIZE = 22, WING_TITLE_MIN_FONT_SIZE = 14, WING_TITLE_MAX_FONT_SIZE = 30, WING_CONTENT_LINE_HEIGHT = 17, WING_CONTENT_FONT_SIZE = 12, WING_TEXT_BOX_WIDTH = 240, WING_TEXT_BOX_MIN_WIDTH = 240, WING_TEXT_BOX_MAX_WIDTH = 360, WING_TEXT_BOX_WIDTH_RATIO = .24, WING_TEXT_BOX_HEIGHT = 110, WING_TITLE_TO_CONTENT_GAP = 4, WING_TITLE_IMAGE_WIDTH_RATIO = .6, WING_TITLE_IMAGE_MAX_WIDTH = 820, WING_DEFAULT_PATH_END_WIDTH = 350, WING_IMAGE_MIN_SCALE = .52, WING_IMAGE_MAX_SCALE = 1.2, WING_BOTTOM_TEXT_IMAGE_GAP_RATIO = 1.35, WING_PATH_EDGE_GAP = 8, clamp = (value, min, max) => Math.max(min, Math.min(max, value)), getWingDirection = spec => "right" === normalizeLayout(spec.layout).direction ? "right" : "left", getWingPathWidthRange = spec => {
6
+ var _a, _b, _c, _e, _f;
7
+ const lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, startWidth = Math.max(Number(null !== (_c = lineStyle.startWidth) && void 0 !== _c ? _c : 50), .5);
8
+ return {
9
+ startWidth: startWidth,
10
+ endWidth: Math.max(Number(null !== (_f = null !== (_e = lineStyle.endWidth) && void 0 !== _e ? _e : lineStyle.lineWidth) && void 0 !== _f ? _f : 350), startWidth)
11
+ };
12
+ }, getWingBlockPathRatio = (spec, index) => {
13
+ var _a, _b;
14
+ const count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
15
+ return count <= 1 ? .5 : index / (count - 1);
16
+ }, getWingBlockImageScale = (spec, index) => {
17
+ const {startWidth: startWidth, endWidth: endWidth} = getWingPathWidthRange(spec), startScale = clamp(startWidth / 350, .52, 1.2);
18
+ return startScale + (clamp(endWidth / 350, .52, 1.2) - startScale) * getWingBlockPathRatio(spec, index);
19
+ }, getConfiguredTextBoxWidth = spec => {
20
+ var _a, _b, _c;
21
+ const style = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style, width = Number(null !== (_c = null !== (_b = null == style ? void 0 : style.width) && void 0 !== _b ? _b : null == style ? void 0 : style.maxLineWidth) && void 0 !== _c ? _c : 240);
22
+ return Number.isFinite(width) && width > 0 ? width : 240;
23
+ }, getWingTextBoxWidth = (spec, ctx) => {
24
+ const {width: width} = getRegionGeometry(ctx, spec), configuredWidth = getConfiguredTextBoxWidth(spec), adaptiveWidth = Math.max(configuredWidth, Math.round(.24 * width));
25
+ return clamp(adaptiveWidth, 240, 360);
26
+ }, estimateTextWidth = (text, fontSize) => Array.from(text).reduce(((sum, char) => 0 === char.trim().length ? sum + .32 * fontSize : sum + fontSize * (char.charCodeAt(0) > 255 ? 1.05 : .62)), 0), measureWingTitleWidth = (title, fontSize, style) => {
27
+ var _a;
28
+ if (!title) return 0;
29
+ try {
30
+ const size = measureText(title, {
31
+ fontSize: fontSize,
32
+ fontFamily: style.fontFamily,
33
+ fontWeight: null !== (_a = style.fontWeight) && void 0 !== _a ? _a : "bold"
34
+ });
35
+ return Number.isFinite(size.width) && size.width > 0 ? size.width : estimateTextWidth(title, fontSize);
36
+ } catch (_err) {
37
+ return estimateTextWidth(title, fontSize);
38
+ }
39
+ }, getMeasuredTitleLineCount = (title, fontSize, textWidth, style) => {
40
+ if (!title) return 0;
41
+ const measuredWidth = measureWingTitleWidth(title, fontSize, style);
42
+ return Math.max(1, Math.min(BLOCK_TITLE_MAX_LINES, Math.ceil(measuredWidth / Math.max(.96 * textWidth, 1))));
43
+ }, resolveWingTitleFontSize = (spec, index, textWidth) => {
44
+ var _a, _b, _c, _e;
45
+ const style = null !== (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, configuredFontSize = style.fontSize;
46
+ if (null != configuredFontSize) return Number(configuredFontSize);
47
+ const title = null === (_e = null === (_c = spec.data) || void 0 === _c ? void 0 : _c[index]) || void 0 === _e ? void 0 : _e.title, measuredWidth = measureWingTitleWidth(title, 22, style);
48
+ if (!measuredWidth) return 22;
49
+ const widthLimit = textWidth * BLOCK_TITLE_MAX_LINES * .96, measuredPerFont = measuredWidth / 22, fittedFontSize = Math.floor(widthLimit / Math.max(measuredPerFont, 1));
50
+ return clamp(fittedFontSize, 14, 30);
51
+ }, getWingArcGeometry = (spec, ctx) => {
6
52
  var _a, _b, _c;
7
- const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), innerHeight = Math.max(height, 1), layoutOpt = normalizeLayout(spec.layout), direction = getWingDirection(spec), defaultStart = "right" === direction ? 110 : -70, defaultEnd = "right" === direction ? 250 : 70, startAngle = null !== (_a = layoutOpt.startAngle) && void 0 !== _a ? _a : defaultStart, endAngle = null !== (_b = layoutOpt.endAngle) && void 0 !== _b ? _b : defaultEnd, ratio = null !== (_c = layoutOpt.radiusRatio) && void 0 !== _c ? _c : .92, rx = .6 * innerWidth * ratio;
53
+ const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), innerHeight = Math.max(height, 1), layoutOpt = normalizeLayout(spec.layout), direction = getWingDirection(spec), defaultStart = "right" === direction ? 110 : -70, defaultEnd = "right" === direction ? 250 : 70, startAngle = null !== (_a = layoutOpt.startAngle) && void 0 !== _a ? _a : defaultStart, endAngle = null !== (_b = layoutOpt.endAngle) && void 0 !== _b ? _b : defaultEnd, ratio = null !== (_c = layoutOpt.radiusRatio) && void 0 !== _c ? _c : .92, {startWidth: startWidth, endWidth: endWidth} = getWingPathWidthRange(spec), topPathWidth = "right" === direction ? endWidth : startWidth, pathTopInset = Math.min(Math.max(innerHeight / 2 - 1, 0), Math.ceil(topPathWidth / 2 + 8)), ry = Math.max(innerHeight - pathTopInset, 1) / 2 * ratio, rx = .6 * innerWidth * ratio;
8
54
  return {
9
55
  cx: "right" === direction ? startX + innerWidth - .1 * rx : startX + .1 * rx,
10
- cy: startY + innerHeight / 2,
56
+ cy: startY + pathTopInset - Math.min(Math.sin(startAngle / 180 * Math.PI), Math.sin(endAngle / 180 * Math.PI), 0) * ry,
11
57
  rx: rx,
12
- ry: innerHeight / 2 * ratio,
58
+ ry: ry,
13
59
  startAngle: startAngle,
14
60
  endAngle: endAngle
15
61
  };
@@ -25,12 +71,22 @@ const WING_BLOCK_IMAGE_SIZE = 160, WING_TEXT_GAP_FROM_IMAGE = 14, WING_TITLE_LIN
25
71
  x: arc.cx + Math.cos(angle) * arc.rx,
26
72
  y: arc.cy + Math.sin(angle) * arc.ry
27
73
  };
28
- }, isTextOnLeft = (spec, index) => "right" === getWingDirection(spec) ? index % 2 == 1 : index % 2 == 0;
74
+ }, isTextOnLeft = (spec, index) => "right" === getWingDirection(spec) ? index % 2 == 1 : index % 2 == 0, isWingBottomBlock = (spec, ctx, index) => {
75
+ var _a, _b;
76
+ const count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
77
+ if (count <= 0) return !1;
78
+ let bottomIndex = 0, bottomY = Number.NEGATIVE_INFINITY;
79
+ for (let i = 0; i < count; i++) {
80
+ const center = getWingBlockCenter(spec, ctx, i);
81
+ center.y > bottomY && (bottomY = center.y, bottomIndex = i);
82
+ }
83
+ return index === bottomIndex;
84
+ };
29
85
 
30
86
  export const buildWingArcMark = spec => {
31
- var _a, _b, _c, _e, _f, _g, _h, _j;
87
+ var _a, _b, _c, _e, _f;
32
88
  if (!1 === (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible)) return null;
33
- const themeColor = getThemeColor(spec), lineStyle = null !== (_c = null === (_b = spec.line) || void 0 === _b ? void 0 : _b.style) && void 0 !== _c ? _c : {}, startWidth = Math.max(Number(null !== (_e = lineStyle.startWidth) && void 0 !== _e ? _e : 50), .5), endWidth = Math.max(Number(null !== (_g = null !== (_f = lineStyle.endWidth) && void 0 !== _f ? _f : lineStyle.lineWidth) && void 0 !== _g ? _g : 350), startWidth);
89
+ const themeColor = getThemeColor(spec), lineStyle = null !== (_c = null === (_b = spec.line) || void 0 === _b ? void 0 : _b.style) && void 0 !== _c ? _c : {}, {startWidth: startWidth, endWidth: endWidth} = getWingPathWidthRange(spec);
34
90
  return {
35
91
  type: "group",
36
92
  name: "storyline-wing-arc",
@@ -42,7 +98,7 @@ export const buildWingArcMark = spec => {
42
98
  style: {
43
99
  stroke: !1,
44
100
  lineWidth: 0,
45
- fill: null !== (_j = null !== (_h = lineStyle.fill) && void 0 !== _h ? _h : lineStyle.stroke) && void 0 !== _j ? _j : themeColor,
101
+ fill: null !== (_f = null !== (_e = lineStyle.fill) && void 0 !== _e ? _e : lineStyle.stroke) && void 0 !== _f ? _f : themeColor,
46
102
  opacity: .95,
47
103
  path: (_d, ctx) => {
48
104
  const arc = getWingArcGeometry(spec, ctx), span = arc.endAngle - arc.startAngle, pts = [];
@@ -79,11 +135,50 @@ export const buildWingTitleImageMark = spec => {
79
135
  name: "storyline-wing-title-image",
80
136
  zIndex: LayoutZIndex.Mark + 8,
81
137
  children: [ Object.assign(Object.assign({
138
+ type: "rect",
139
+ name: "storyline-wing-title-image-node",
140
+ interactive: !1
141
+ }, spec.titleImage), {
142
+ _debug_bounds: !0,
143
+ style: Object.assign({
144
+ _debug_bounds: !0,
145
+ x: (_d, ctx) => {
146
+ const {width: width, height: height, startX: startX} = getChartGeometry(ctx, spec), size = getTitleImageSize(spec, width, height, {
147
+ widthRatio: .6,
148
+ maxWidth: 820
149
+ });
150
+ return "right" === getWingDirection(spec) ? startX : startX + width - size.width;
151
+ },
152
+ fill: "red",
153
+ y: (_d, ctx) => getChartGeometry(ctx, spec).startY + 12,
154
+ width: (_d, ctx) => {
155
+ const {width: width, height: height} = getChartGeometry(ctx, spec);
156
+ return getTitleImageSize(spec, width, height, {
157
+ widthRatio: .6,
158
+ maxWidth: 820
159
+ }).width;
160
+ },
161
+ height: (_d, ctx) => {
162
+ const {width: width, height: height} = getChartGeometry(ctx, spec);
163
+ return getTitleImageSize(spec, width, height, {
164
+ widthRatio: .6,
165
+ maxWidth: 820
166
+ }).height;
167
+ },
168
+ image: spec.titleImage.image,
169
+ repeatX: "no-repeat",
170
+ repeatY: "no-repeat",
171
+ imageMode: "contain",
172
+ imagePosition: "center"
173
+ }, spec.titleImage.style)
174
+ }), Object.assign(Object.assign({
82
175
  type: "image",
83
176
  name: "storyline-wing-title-image-node",
84
177
  interactive: !1
85
178
  }, spec.titleImage), {
179
+ _debug_bounds: !0,
86
180
  style: Object.assign({
181
+ _debug_bounds: !0,
87
182
  x: (_d, ctx) => {
88
183
  const {width: width, height: height, startX: startX} = getChartGeometry(ctx, spec), size = getTitleImageSize(spec, width, height, {
89
184
  widthRatio: .6,
@@ -117,25 +212,43 @@ export const buildWingTitleImageMark = spec => {
117
212
  };
118
213
 
119
214
  const WING_TEXT_IMAGE_GAP = 120, getWingBlockMetrics = (spec, ctx, index) => {
120
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
121
- const titleFontSize = resolveTitleFontSize(spec, ctx, null === (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a[index]) || void 0 === _b ? void 0 : _b.title, 240, 22, [ 8, 30 ]), titleLineHeight = resolveAdaptiveLineHeight(titleFontSize, null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style, 30, 1.3), titleHeight = getBlockTitleHeight(titleLineHeight, null === (_f = null === (_e = spec.data) || void 0 === _e ? void 0 : _e[index]) || void 0 === _f ? void 0 : _f.title, 240, titleFontSize), contentFontSize = Number(null !== (_j = null === (_h = null === (_g = spec.content) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fontSize) && void 0 !== _j ? _j : 12), contentLineHeight = Number(null !== (_m = null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.lineHeight) && void 0 !== _m ? _m : 17), imageWidth = Number(null !== (_p = null === (_o = spec.image) || void 0 === _o ? void 0 : _o.width) && void 0 !== _p ? _p : 160), imageHeight = Number(null !== (_r = null === (_q = spec.image) || void 0 === _q ? void 0 : _q.height) && void 0 !== _r ? _r : 160), imageBox = {
215
+ var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
216
+ const textWidth = getWingTextBoxWidth(spec, ctx), titleStyle = null !== (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, titleFontSize = resolveWingTitleFontSize(spec, index, textWidth), titleLineHeight = resolveAdaptiveLineHeight(titleFontSize, titleStyle, 30, 1.3), titleHeight = titleLineHeight * getMeasuredTitleLineCount(null === (_e = null === (_c = spec.data) || void 0 === _c ? void 0 : _c[index]) || void 0 === _e ? void 0 : _e.title, titleFontSize, textWidth, titleStyle), contentFontSize = Number(null !== (_h = null === (_g = null === (_f = spec.content) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.fontSize) && void 0 !== _h ? _h : 12), contentLineHeight = Number(null !== (_l = null === (_k = null === (_j = spec.content) || void 0 === _j ? void 0 : _j.style) || void 0 === _k ? void 0 : _k.lineHeight) && void 0 !== _l ? _l : 17), imageScale = getWingBlockImageScale(spec, index), imageWidth = Math.round(Number(null !== (_o = null === (_m = spec.image) || void 0 === _m ? void 0 : _m.width) && void 0 !== _o ? _o : 160) * imageScale), imageHeight = Math.round(Number(null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.height) && void 0 !== _q ? _q : 160) * imageScale), imageBox = {
122
217
  x: -imageWidth / 2,
123
218
  y: -imageHeight / 2,
124
219
  width: imageWidth,
125
220
  height: imageHeight
126
- }, direction = getWingDirection(spec), count = null !== (_t = null === (_s = spec.data) || void 0 === _s ? void 0 : _s.length) && void 0 !== _t ? _t : 0;
221
+ }, direction = getWingDirection(spec), count = null !== (_s = null === (_r = spec.data) || void 0 === _r ? void 0 : _r.length) && void 0 !== _s ? _s : 0, isSpecialBelow = "right" === direction && count > 0 && index === count - 1 || "left" === direction && 0 === index, isBottomAbove = isWingBottomBlock(spec, ctx, index), isVerticalLayout = isBottomAbove || isSpecialBelow;
127
222
  let textBox, contentBox, connectorBox, onLeft, verticalAlign;
128
- if ("right" === direction && count > 0 && index === count - 1 || "left" === direction && 0 === index) {
129
- const textX = -120, textY = imageHeight / 2 + 120;
223
+ if (isBottomAbove) {
224
+ const bottomTextImageGap = Math.round(162), textX = -textWidth / 2, textY = -imageHeight / 2 - bottomTextImageGap - 110;
225
+ textBox = {
226
+ x: textX,
227
+ y: textY,
228
+ width: textWidth,
229
+ height: 110
230
+ }, contentBox = {
231
+ x: textX,
232
+ y: textY + titleHeight + 4,
233
+ width: textWidth,
234
+ height: 1e5
235
+ }, connectorBox = {
236
+ x: -1,
237
+ y: textY + 110,
238
+ width: 2,
239
+ height: bottomTextImageGap
240
+ }, onLeft = !1, verticalAlign = "above";
241
+ } else if (isVerticalLayout) {
242
+ const textX = -textWidth / 2, textY = imageHeight / 2 + 120;
130
243
  textBox = {
131
244
  x: textX,
132
245
  y: textY,
133
- width: 240,
246
+ width: textWidth,
134
247
  height: 110
135
248
  }, contentBox = {
136
249
  x: textX,
137
250
  y: textY + titleHeight + 4,
138
- width: 240,
251
+ width: textWidth,
139
252
  height: 1e5
140
253
  }, connectorBox = {
141
254
  x: -1,
@@ -144,19 +257,19 @@ const WING_TEXT_IMAGE_GAP = 120, getWingBlockMetrics = (spec, ctx, index) => {
144
257
  height: 120
145
258
  }, onLeft = !1, verticalAlign = "below";
146
259
  } else {
147
- const textOnLeft = "right" === direction, textX = textOnLeft ? -imageWidth / 2 - 120 - 240 : imageWidth / 2 + 120, textY = -55;
260
+ const textOnLeft = "right" === direction, textX = textOnLeft ? -imageWidth / 2 - 120 - textWidth : imageWidth / 2 + 120, textY = -55;
148
261
  textBox = {
149
262
  x: textX,
150
263
  y: textY,
151
- width: 240,
264
+ width: textWidth,
152
265
  height: 110
153
266
  }, contentBox = {
154
267
  x: textX,
155
268
  y: textY + titleHeight + 4,
156
- width: 240,
269
+ width: textWidth,
157
270
  height: 1e5
158
271
  };
159
- const imageEdgeX = textOnLeft ? -imageWidth / 2 : imageWidth / 2, textEdgeX = textOnLeft ? textX + 240 : textX;
272
+ const imageEdgeX = textOnLeft ? -imageWidth / 2 : imageWidth / 2, textEdgeX = textOnLeft ? textX + textWidth : textX;
160
273
  connectorBox = {
161
274
  x: Math.min(imageEdgeX, textEdgeX),
162
275
  y: 0,
@@ -256,8 +369,9 @@ export const buildWingBlockMark = (spec, block, index) => {
256
369
  return m.verticalAlign ? m.textBox.x + m.textBox.width / 2 : m.onLeft ? m.textBox.x + m.textBox.width : m.textBox.x;
257
370
  },
258
371
  y: (_d, ctx) => getWingBlockMetrics(spec, ctx, index).textBox.y,
259
- text: block.title,
372
+ width: (_d, ctx) => getWingBlockMetrics(spec, ctx, index).textBox.width,
260
373
  maxLineWidth: (_d, ctx) => getWingBlockMetrics(spec, ctx, index).textBox.width,
374
+ text: block.title,
261
375
  height: (_d, ctx) => getWingBlockMetrics(spec, ctx, index).titleHeight,
262
376
  heightLimit: (_d, ctx) => getWingBlockMetrics(spec, ctx, index).titleLineHeight * BLOCK_TITLE_MAX_LINES,
263
377
  lineClamp: BLOCK_TITLE_MAX_LINES,