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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/build/index.js +99 -308
  2. package/build/index.min.js +1 -1
  3. package/cjs/charts/3d/plugin.js +1 -1
  4. package/cjs/charts/3d/pyramid-3d.js +1 -1
  5. package/cjs/charts/3d/rect-3d.js +1 -1
  6. package/cjs/charts/3d/util.js +1 -1
  7. package/cjs/charts/axis-3d/axis-3d-mixin.js +1 -1
  8. package/cjs/charts/axis-3d/band-axis.js +1 -1
  9. package/cjs/charts/axis-3d/index.js +1 -1
  10. package/cjs/charts/axis-3d/linear-axis.js +1 -1
  11. package/cjs/charts/axis-3d/log-axis.js +1 -1
  12. package/cjs/charts/axis-3d/symlog-axis.js +1 -1
  13. package/cjs/charts/axis-3d/theme.js +1 -1
  14. package/cjs/charts/axis-3d/time-axis.js +1 -1
  15. package/cjs/charts/axis-3d/util.js +1 -1
  16. package/cjs/charts/bar-3d/constant.js +2 -1
  17. package/cjs/charts/candlestick/candlestick.js +1 -2
  18. package/cjs/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
  19. package/cjs/charts/combination-candlestick/combination-candlestick.js +1 -1
  20. package/cjs/charts/combination-candlestick/constant.js +1 -1
  21. package/cjs/charts/combination-candlestick/index.js +1 -1
  22. package/cjs/charts/combination-candlestick/interface.js +1 -1
  23. package/cjs/charts/conversion-funnel/arrow-data-transform.js +1 -1
  24. package/cjs/charts/conversion-funnel/constants.js +1 -1
  25. package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
  26. package/cjs/charts/conversion-funnel/conversion-funnel.js +1 -1
  27. package/cjs/charts/conversion-funnel/index.js +1 -1
  28. package/cjs/charts/conversion-funnel/interface.js +2 -1
  29. package/cjs/charts/conversion-funnel/util.js +1 -1
  30. package/cjs/charts/funnel-3d/chart.js +1 -1
  31. package/cjs/charts/funnel-3d/constant.js +1 -1
  32. package/cjs/charts/funnel-3d/index.js +1 -1
  33. package/cjs/charts/funnel-3d/interface.js +1 -1
  34. package/cjs/charts/funnel-3d/series-spec-transformer.js +1 -1
  35. package/cjs/charts/funnel-3d/series.js +2 -1
  36. package/cjs/charts/funnel-3d/theme.js +1 -1
  37. package/cjs/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  38. package/cjs/charts/storyline/interface.d.ts +2 -4
  39. package/cjs/charts/storyline/interface.js.map +1 -1
  40. package/cjs/charts/storyline/layout.d.ts +0 -1
  41. package/cjs/charts/storyline/layout.js +4 -27
  42. package/cjs/charts/storyline/layout.js.map +1 -1
  43. package/cjs/charts/storyline/layouts/arc.js +0 -1
  44. package/cjs/charts/storyline/layouts/arc.js.map +1 -1
  45. package/cjs/charts/storyline/layouts/clock.js +0 -1
  46. package/cjs/charts/storyline/layouts/clock.js.map +1 -1
  47. package/cjs/charts/storyline/layouts/common.d.ts +0 -2
  48. package/cjs/charts/storyline/layouts/common.js +6 -11
  49. package/cjs/charts/storyline/layouts/common.js.map +1 -1
  50. package/cjs/charts/storyline/layouts/default.js +0 -1
  51. package/cjs/charts/storyline/layouts/default.js.map +1 -1
  52. package/cjs/charts/storyline/layouts/landscape.js +4 -5
  53. package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
  54. package/cjs/charts/storyline/layouts/portrait.js +0 -1
  55. package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
  56. package/cjs/charts/storyline/layouts/wing.js +51 -10
  57. package/cjs/charts/storyline/layouts/wing.js.map +1 -1
  58. package/cjs/charts/storyline/storyline-transformer.js +6 -22
  59. package/cjs/charts/storyline/storyline-transformer.js.map +1 -1
  60. package/cjs/components/bar-link/bar-link.js +1 -1
  61. package/cjs/components/bar-link/constant.js +1 -1
  62. package/cjs/components/bar-link/index.js +1 -1
  63. package/cjs/components/bar-link/type.js +1 -1
  64. package/cjs/components/bar-link/util.js +1 -1
  65. package/cjs/components/bar-regression-line/index.js +1 -1
  66. package/cjs/components/bar-regression-line/type.js +1 -2
  67. package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  68. package/cjs/components/extension-mark-sync-state/index.js +1 -1
  69. package/cjs/components/extension-mark-sync-state/type.js +1 -1
  70. package/cjs/components/histogram-regression-line/index.js +1 -1
  71. package/cjs/components/histogram-regression-line/type.js +1 -1
  72. package/cjs/components/map-label/index.js +1 -1
  73. package/cjs/components/map-label/layout.js +1 -1
  74. package/cjs/components/map-label/map-label-transformer.js +1 -1
  75. package/cjs/components/map-label/map-label.js +1 -1
  76. package/cjs/components/map-label/theme.js +1 -1
  77. package/cjs/components/map-label/type.js +1 -1
  78. package/cjs/components/regression-line/index.js +1 -1
  79. package/cjs/components/regression-line/regression-line.js +1 -1
  80. package/cjs/components/regression-line/type.js +1 -1
  81. package/cjs/components/scatter-regression-line/index.js +1 -1
  82. package/cjs/components/scatter-regression-line/type.js +1 -1
  83. package/cjs/components/series-break/constant.js +1 -1
  84. package/cjs/components/series-break/index.js +1 -1
  85. package/cjs/components/series-break/series-break.js +1 -1
  86. package/cjs/components/series-break/type.js +1 -1
  87. package/cjs/components/series-break/util.js +1 -1
  88. package/cjs/components/series-label/constant.js +1 -1
  89. package/cjs/components/series-label/index.js +1 -2
  90. package/cjs/components/series-label/series-label.js +1 -1
  91. package/cjs/components/series-label/type.js +1 -1
  92. package/cjs/components/series-label/util.js +1 -1
  93. package/esm/charts/3d/plugin.js +1 -1
  94. package/esm/charts/3d/pyramid-3d.js +1 -1
  95. package/esm/charts/3d/rect-3d.js +1 -1
  96. package/esm/charts/3d/util.js +1 -1
  97. package/esm/charts/axis-3d/axis-3d-mixin.js +1 -1
  98. package/esm/charts/axis-3d/band-axis.js +1 -1
  99. package/esm/charts/axis-3d/index.js +1 -1
  100. package/esm/charts/axis-3d/linear-axis.js +1 -1
  101. package/esm/charts/axis-3d/log-axis.js +1 -1
  102. package/esm/charts/axis-3d/symlog-axis.js +1 -1
  103. package/esm/charts/axis-3d/theme.js +1 -1
  104. package/esm/charts/axis-3d/time-axis.js +1 -1
  105. package/esm/charts/axis-3d/util.js +1 -1
  106. package/esm/charts/bar-3d/constant.js +2 -1
  107. package/esm/charts/candlestick/candlestick.js +1 -2
  108. package/esm/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
  109. package/esm/charts/combination-candlestick/combination-candlestick.js +1 -1
  110. package/esm/charts/combination-candlestick/constant.js +1 -1
  111. package/esm/charts/combination-candlestick/index.js +1 -1
  112. package/esm/charts/combination-candlestick/interface.js +1 -1
  113. package/esm/charts/conversion-funnel/arrow-data-transform.js +1 -1
  114. package/esm/charts/conversion-funnel/constants.js +1 -1
  115. package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
  116. package/esm/charts/conversion-funnel/conversion-funnel.js +1 -1
  117. package/esm/charts/conversion-funnel/index.js +1 -1
  118. package/esm/charts/conversion-funnel/interface.js +2 -1
  119. package/esm/charts/conversion-funnel/util.js +1 -1
  120. package/esm/charts/funnel-3d/chart.js +1 -1
  121. package/esm/charts/funnel-3d/constant.js +1 -1
  122. package/esm/charts/funnel-3d/index.js +1 -1
  123. package/esm/charts/funnel-3d/interface.js +1 -1
  124. package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
  125. package/esm/charts/funnel-3d/series.js +2 -1
  126. package/esm/charts/funnel-3d/theme.js +1 -1
  127. package/esm/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  128. package/esm/charts/storyline/interface.d.ts +2 -4
  129. package/esm/charts/storyline/interface.js.map +1 -1
  130. package/esm/charts/storyline/layout.d.ts +0 -1
  131. package/esm/charts/storyline/layout.js +4 -27
  132. package/esm/charts/storyline/layout.js.map +1 -1
  133. package/esm/charts/storyline/layouts/arc.js +0 -1
  134. package/esm/charts/storyline/layouts/arc.js.map +1 -1
  135. package/esm/charts/storyline/layouts/clock.js +0 -1
  136. package/esm/charts/storyline/layouts/clock.js.map +1 -1
  137. package/esm/charts/storyline/layouts/common.d.ts +0 -2
  138. package/esm/charts/storyline/layouts/common.js +3 -8
  139. package/esm/charts/storyline/layouts/common.js.map +1 -1
  140. package/esm/charts/storyline/layouts/default.js +0 -1
  141. package/esm/charts/storyline/layouts/default.js.map +1 -1
  142. package/esm/charts/storyline/layouts/landscape.js +4 -5
  143. package/esm/charts/storyline/layouts/landscape.js.map +1 -1
  144. package/esm/charts/storyline/layouts/portrait.js +0 -1
  145. package/esm/charts/storyline/layouts/portrait.js.map +1 -1
  146. package/esm/charts/storyline/layouts/wing.js +50 -9
  147. package/esm/charts/storyline/layouts/wing.js.map +1 -1
  148. package/esm/charts/storyline/storyline-transformer.js +6 -21
  149. package/esm/charts/storyline/storyline-transformer.js.map +1 -1
  150. package/esm/components/bar-link/bar-link.js +1 -1
  151. package/esm/components/bar-link/constant.js +1 -1
  152. package/esm/components/bar-link/index.js +1 -1
  153. package/esm/components/bar-link/type.js +1 -1
  154. package/esm/components/bar-link/util.js +1 -1
  155. package/esm/components/bar-regression-line/index.js +1 -1
  156. package/esm/components/bar-regression-line/type.js +1 -2
  157. package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  158. package/esm/components/extension-mark-sync-state/index.js +1 -1
  159. package/esm/components/extension-mark-sync-state/type.js +1 -1
  160. package/esm/components/histogram-regression-line/index.js +1 -1
  161. package/esm/components/histogram-regression-line/type.js +1 -1
  162. package/esm/components/map-label/index.js +1 -1
  163. package/esm/components/map-label/layout.js +1 -1
  164. package/esm/components/map-label/map-label-transformer.js +1 -1
  165. package/esm/components/map-label/map-label.js +1 -1
  166. package/esm/components/map-label/theme.js +1 -1
  167. package/esm/components/map-label/type.js +1 -1
  168. package/esm/components/regression-line/index.js +1 -1
  169. package/esm/components/regression-line/regression-line.js +1 -1
  170. package/esm/components/regression-line/type.js +1 -1
  171. package/esm/components/scatter-regression-line/index.js +1 -1
  172. package/esm/components/scatter-regression-line/type.js +1 -1
  173. package/esm/components/series-break/constant.js +1 -1
  174. package/esm/components/series-break/index.js +1 -1
  175. package/esm/components/series-break/series-break.js +1 -1
  176. package/esm/components/series-break/type.js +1 -1
  177. package/esm/components/series-break/util.js +1 -1
  178. package/esm/components/series-label/constant.js +1 -1
  179. package/esm/components/series-label/index.js +1 -2
  180. package/esm/components/series-label/series-label.js +1 -1
  181. package/esm/components/series-label/type.js +1 -1
  182. package/esm/components/series-label/util.js +1 -1
  183. package/package.json +2 -2
  184. package/cjs/charts/storyline/layouts/ladder.d.ts +0 -5
  185. package/cjs/charts/storyline/layouts/ladder.js +0 -230
  186. package/cjs/charts/storyline/layouts/ladder.js.map +0 -1
  187. package/esm/charts/storyline/layouts/ladder.d.ts +0 -5
  188. package/esm/charts/storyline/layouts/ladder.js +0 -217
  189. package/esm/charts/storyline/layouts/ladder.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visactor/vchart-extension",
3
- "version": "2.1.0-alpha.24",
3
+ "version": "2.1.0-alpha.25",
4
4
  "description": "vchart extension package, including extension plugins and components",
5
5
  "sideEffects": false,
6
6
  "main": "cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "@visactor/vrender-kits": "1.0.45",
22
22
  "@visactor/vrender-components": "1.0.45",
23
23
  "@visactor/vrender-animate": "1.0.45",
24
- "@visactor/vchart": "2.1.0-alpha.24",
24
+ "@visactor/vchart": "2.1.0-alpha.25",
25
25
  "@visactor/vutils": "~1.0.23",
26
26
  "@visactor/vdataset": "~1.0.23",
27
27
  "@visactor/vlayouts": "~1.0.23"
@@ -1,5 +0,0 @@
1
- import { type IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildLadderDiagonalMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec;
4
- export declare const buildLadderHeadlineMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
- export declare const buildLadderBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
@@ -1,230 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.buildLadderBlockMark = exports.buildLadderHeadlineMark = exports.buildLadderDiagonalMark = void 0;
6
-
7
- const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 100, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 26, LADDER_CONTENT_FONT_SIZE = 16, LADDER_CONTENT_LINE_HEIGHT = 23, isDownLadder = spec => "down" === (0,
8
- common_1.normalizeLayout)(spec.layout).direction, getLadderDiagonalGeometry = (spec, ctx) => {
9
- var _a;
10
- const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0,
11
- common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerX = startX + padding.left, innerY = startY + padding.top, innerW = Math.max(width - padding.left - padding.right, 1), innerH = Math.max(height - padding.top - padding.bottom, 1), isDown = isDownLadder(spec), x1 = innerX + innerW, y0 = isDown ? innerY : innerY + innerH, y1 = isDown ? innerY + innerH : innerY, dx = x1 - innerX, dy = y1 - y0;
12
- return {
13
- x0: innerX,
14
- y0: y0,
15
- x1: x1,
16
- y1: y1,
17
- cx: (innerX + x1) / 2,
18
- cy: (y0 + y1) / 2,
19
- angleRad: Math.atan2(dy, dx) / Math.PI * 180,
20
- fontSize: Math.max(80, Math.min(240, Math.round(.42 * innerH)))
21
- };
22
- }, getLadderHeadlineText = spec => {
23
- var _a, _b;
24
- const layoutOpt = (0, common_1.normalizeLayout)(spec.layout);
25
- if ("string" == typeof layoutOpt.headline && layoutOpt.headline.length > 0) return layoutOpt.headline;
26
- const title = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.text;
27
- return "string" == typeof title && title.length > 0 ? title : "storyline";
28
- }, buildLadderDiagonalMark = spec => {
29
- const themeColor = (0, common_1.getThemeColor)(spec);
30
- return {
31
- type: "group",
32
- name: "storyline-ladder-diagonal",
33
- zIndex: vchart_1.LayoutZIndex.Mark - 1,
34
- children: [ {
35
- type: "path",
36
- name: "storyline-ladder-diagonal-line",
37
- interactive: !1,
38
- style: {
39
- path: (_d, ctx) => {
40
- const g = getLadderDiagonalGeometry(spec, ctx);
41
- return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;
42
- },
43
- stroke: (0, common_1.withAlpha)(themeColor, .85),
44
- lineWidth: 2,
45
- lineDash: LADDER_DIAGONAL_DASH,
46
- fill: "transparent"
47
- }
48
- } ]
49
- };
50
- };
51
-
52
- exports.buildLadderDiagonalMark = buildLadderDiagonalMark;
53
-
54
- const buildLadderHeadlineMark = spec => {
55
- const text = getLadderHeadlineText(spec);
56
- if (!text) return null;
57
- const themeColor = (0, common_1.getThemeColor)(spec);
58
- return {
59
- type: "group",
60
- name: "storyline-ladder-headline",
61
- zIndex: vchart_1.LayoutZIndex.Mark,
62
- style: {
63
- x: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cx,
64
- y: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cy,
65
- angle: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).angleRad
66
- },
67
- children: [ {
68
- type: "text",
69
- name: "storyline-ladder-headline-text",
70
- interactive: !1,
71
- style: {
72
- x: 0,
73
- y: 0,
74
- text: text,
75
- fontSize: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).fontSize,
76
- fontWeight: 900,
77
- fontFamily: 'Impact, "Arial Black", sans-serif',
78
- fill: (0, common_1.withAlpha)(themeColor, .92),
79
- textAlign: "center",
80
- textBaseline: "middle"
81
- }
82
- } ]
83
- };
84
- };
85
-
86
- exports.buildLadderHeadlineMark = buildLadderHeadlineMark;
87
-
88
- const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, index) => {
89
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
90
- const block = (0, common_1.getLayout)(spec, ctx).blocks[index], padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 100, imageHeight = null !== (_g = null === (_f = spec.image) || void 0 === _f ? void 0 : _f.height) && void 0 !== _g ? _g : 100, imageGap = null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.gap) && void 0 !== _j ? _j : common_1.DEFAULT_IMAGE_GAP, hasImage = !!(null === (_l = null === (_k = spec.data) || void 0 === _k ? void 0 : _k[index]) || void 0 === _l ? void 0 : _l.image), blockWidth = null !== (_m = null == block ? void 0 : block.width) && void 0 !== _m ? _m : (0,
91
- common_1.resolveBlockWidth)(spec, 0), blockHeight = null !== (_q = null !== (_o = null == block ? void 0 : block.height) && void 0 !== _o ? _o : null === (_p = spec.block) || void 0 === _p ? void 0 : _p.height) && void 0 !== _q ? _q : common_1.DEFAULT_BLOCK_HEIGHT, imageBox = (0,
92
- common_1.getImageBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = (0,
93
- common_1.getTextBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), titleFontSize = (0,
94
- common_1.resolveTitleFontSize)(spec, ctx, null === (_s = null === (_r = spec.data) || void 0 === _r ? void 0 : _r[index]) || void 0 === _s ? void 0 : _s.title, textBox.width, 28, [ 8, 34 ]), titleLineHeight = (0,
95
- common_1.resolveAdaptiveLineHeight)(titleFontSize, null === (_t = spec.title) || void 0 === _t ? void 0 : _t.style, 26, 26 / 28), titleHeight = (0,
96
- common_1.getBlockTitleHeight)(titleLineHeight, null === (_v = null === (_u = spec.data) || void 0 === _u ? void 0 : _u[index]) || void 0 === _v ? void 0 : _v.title, textBox.width, titleFontSize), contentGap = (null === (_x = null === (_w = spec.data) || void 0 === _w ? void 0 : _w[index]) || void 0 === _x ? void 0 : _x.title) ? 8 : 0;
97
- return {
98
- block: {
99
- width: blockWidth,
100
- height: blockHeight
101
- },
102
- titleFontSize: titleFontSize,
103
- titleLineHeight: titleLineHeight,
104
- titleHeight: titleHeight,
105
- imageBox: imageBox,
106
- textBox: textBox,
107
- contentBox: {
108
- y: textBox.y + titleHeight + contentGap,
109
- height: Math.max(0, textBox.height - titleHeight - contentGap)
110
- }
111
- };
112
- }, buildLadderBlockMark = (spec, block, index) => {
113
- var _a, _b, _c, _e, _f, _g, _h;
114
- const hasImage = !!block.image, align = isOnLeft(index) ? "right" : "left", contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], showBackground = !0 === (null === (_a = spec.block) || void 0 === _a ? void 0 : _a.showBackground), showImageBackground = (0,
115
- common_1.shouldShowImageBackground)(spec), getTitleX = ctx => {
116
- const m = getLadderBlockMetrics(spec, ctx, index);
117
- return "right" === align ? m.textBox.x + m.textBox.width : m.textBox.x;
118
- };
119
- return {
120
- type: "group",
121
- id: `storyline-block-${null !== (_b = block.id) && void 0 !== _b ? _b : index}`,
122
- name: `storyline-block-${index}`,
123
- zIndex: vchart_1.LayoutZIndex.Mark + 1,
124
- style: {
125
- x: (_d, ctx) => {
126
- var _a, _b;
127
- return null !== (_b = null === (_a = (0, common_1.getLayout)(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
128
- },
129
- y: (_d, ctx) => {
130
- var _a, _b;
131
- return null !== (_b = null === (_a = (0, common_1.getLayout)(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
132
- },
133
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
134
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height
135
- },
136
- children: [ showBackground ? {
137
- type: "rect",
138
- name: `storyline-block-bg-${index}`,
139
- interactive: !1,
140
- style: Object.assign({
141
- x: 0,
142
- y: 0,
143
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
144
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height,
145
- cornerRadius: 8,
146
- fill: "#ffffff",
147
- stroke: "#d7dce5",
148
- lineWidth: 1,
149
- shadowBlur: 6,
150
- shadowColor: "rgba(0, 0, 0, 0.08)"
151
- }, null === (_c = spec.block) || void 0 === _c ? void 0 : _c.style)
152
- } : null, showImageBackground ? {
153
- type: "rect",
154
- name: `storyline-block-image-bg-${index}`,
155
- interactive: !1,
156
- style: Object.assign(Object.assign({
157
- x: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,
158
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,
159
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,
160
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,
161
- cornerRadius: 8
162
- }, (0, common_1.getImageBackgroundStyle)(spec)), null === (_e = spec.block) || void 0 === _e ? void 0 : _e.style)
163
- } : null, hasImage ? Object.assign(Object.assign({
164
- type: "image",
165
- name: `storyline-block-image-${index}`,
166
- interactive: !1
167
- }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
168
- style: Object.assign({
169
- x: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,
170
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,
171
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,
172
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,
173
- image: block.image
174
- }, null === (_f = spec.image) || void 0 === _f ? void 0 : _f.style)
175
- }) : null, block.title ? Object.assign(Object.assign({
176
- type: "text",
177
- name: `storyline-block-title-${index}`,
178
- interactive: !1
179
- }, spec.title), {
180
- style: Object.assign(Object.assign({
181
- x: (_d, ctx) => getTitleX(ctx),
182
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.y,
183
- text: block.title,
184
- maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
185
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleHeight,
186
- heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight * common_1.BLOCK_TITLE_MAX_LINES,
187
- lineClamp: common_1.BLOCK_TITLE_MAX_LINES,
188
- fontSize: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleFontSize,
189
- lineHeight: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight,
190
- fontWeight: "bold",
191
- fill: "#1f2430",
192
- stroke: "#fff",
193
- lineWidth: 5,
194
- lineJoin: "round",
195
- textBaseline: "top",
196
- whiteSpace: "normal",
197
- wordBreak: "break-word",
198
- ellipsis: "..."
199
- }, null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style), {
200
- textAlign: align
201
- })
202
- }) : null, contentText.length ? Object.assign(Object.assign({
203
- type: "text",
204
- name: `storyline-block-content-${index}`,
205
- interactive: !1
206
- }, spec.content), {
207
- style: Object.assign(Object.assign({
208
- x: (_d, ctx) => getTitleX(ctx),
209
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,
210
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
211
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
212
- text: (0, common_1.buildPlainContent)(contentText),
213
- maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
214
- heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
215
- fontSize: 16,
216
- lineHeight: 23,
217
- textBaseline: "top",
218
- whiteSpace: "normal",
219
- wordBreak: "break-word",
220
- ellipsis: "...",
221
- fill: "#596173"
222
- }, null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style), {
223
- textAlign: align
224
- })
225
- }) : null ].filter(Boolean)
226
- };
227
- };
228
-
229
- exports.buildLadderBlockMark = buildLadderBlockMark;
230
- //# sourceMappingURL=ladder.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/ladder.ts"],"names":[],"mappings":"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","file":"ladder.js","sourcesContent":["import { LayoutZIndex, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n DEFAULT_BLOCK_HEIGHT,\n DEFAULT_IMAGE_GAP,\n BLOCK_TITLE_MAX_LINES,\n buildPlainContent,\n getBlockTitleHeight,\n getImageBackgroundStyle,\n getImageBox,\n getLayout,\n getRegionGeometry,\n getTextBox,\n getThemeColor,\n normalizeLayout,\n normalizePadding,\n omitImageLayoutSpec,\n resolveAdaptiveLineHeight,\n resolveBlockWidth,\n resolveTitleFontSize,\n shouldShowImageBackground,\n withAlpha\n} from './common';\n\n/**\n * ladder 布局:参考 Bauhaus 信息图。\n *\n * 视觉结构(direction='up'):\n * ┌─────────────────────────────────────────────────┐\n * │ [block 2] │\n * │ ╲╲╲ │\n * │ ╲╲╲ headline 大字 ╲╲╲ │\n * │ ╲╲╲ │\n * │ [block 1] │\n * └─────────────────────────────────────────────────┘\n *\n * - direction='up'(默认):对角线左下 → 右上\n * - direction='down':对角线左上 → 右下\n * - headline 大字沿对角线方向旋转,叠加在对角线上\n * - 每个 block 在对角线上取一个 anchor 点,沿对角线法向左偏 / 右偏交替放置\n * layout.ts 中 'ladder' 分支已经给出 block 中心点位置,本文件只关心\n * \"对角线本身\" 与 \"headline 文本\" 这两个装饰图元,以及 block 的左右镜像排版。\n */\n\n// headline 字号占可用高度的比例,自适应于不同画布\nconst LADDER_HEADLINE_FONT_RATIO = 0.42;\nconst LADDER_HEADLINE_FONT_MIN = 80;\nconst LADDER_HEADLINE_FONT_MAX = 240;\nconst LADDER_DIAGONAL_LINE_WIDTH = 2;\nconst LADDER_DIAGONAL_DASH = [12, 8];\n\n// ladder 中 block 的默认视觉参数(比通用默认值更大,符合 Bauhaus 信息图风格)\nconst LADDER_BLOCK_IMAGE_SIZE = 100;\nconst LADDER_TITLE_FONT_SIZE = 28;\nconst LADDER_TITLE_LINE_HEIGHT = 26;\nconst LADDER_CONTENT_FONT_SIZE = 16;\nconst LADDER_CONTENT_LINE_HEIGHT = 23;\n\nconst isDownLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算对角线两个端点(与 layout.ts 中 ladder 的 anchors 起止点保持一致)。\n * - direction='up'(默认):左下 → 右上\n * - direction='down':左上 → 右下\n */\nconst getLadderDiagonalGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n const padding = normalizePadding(spec.block?.padding);\n const innerX = startX + padding.left;\n const innerY = startY + padding.top;\n const innerW = Math.max(width - padding.left - padding.right, 1);\n const innerH = Math.max(height - padding.top - padding.bottom, 1);\n const isDown = isDownLadder(spec);\n const x0 = innerX;\n const x1 = innerX + innerW;\n const y0 = isDown ? innerY : innerY + innerH;\n const y1 = isDown ? innerY + innerH : innerY;\n const cx = (x0 + x1) / 2;\n const cy = (y0 + y1) / 2;\n // 对角线方向角度(度,画布坐标系:顺时针为正)。\n // up 时 dy<0 → 负角度(向上倾);down 时 dy>0 → 正角度(向下倾)。\n const dx = x1 - x0;\n const dy = y1 - y0;\n const angleRad = (Math.atan2(dy, dx) / Math.PI) * 180;\n const fontSize = Math.max(\n LADDER_HEADLINE_FONT_MIN,\n Math.min(LADDER_HEADLINE_FONT_MAX, Math.round(innerH * LADDER_HEADLINE_FONT_RATIO))\n );\n return { x0, y0, x1, y1, cx, cy, angleRad, fontSize };\n};\n\nconst getLadderHeadlineText = (spec: IStorylineSpec) => {\n const layoutOpt = normalizeLayout(spec.layout);\n if (typeof layoutOpt.headline === 'string' && layoutOpt.headline.length > 0) {\n return layoutOpt.headline;\n }\n // 回退:使用 spec.title 文本,再退化为占位\n const title = (spec.title?.style as { text?: string } | undefined)?.text;\n if (typeof title === 'string' && title.length > 0) {\n return title;\n }\n return 'storyline';\n};\n\n/**\n * 对角线 mark:贯穿 inner 矩形。\n */\nexport const buildLadderDiagonalMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-ladder-diagonal',\n // 对角线在最底层\n zIndex: LayoutZIndex.Mark - 1,\n children: [\n {\n type: 'path',\n name: 'storyline-ladder-diagonal-line',\n interactive: false,\n style: {\n path: (_d: unknown, ctx: LayoutContext) => {\n const g = getLadderDiagonalGeometry(spec, ctx);\n return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;\n },\n stroke: withAlpha(themeColor, 0.85),\n lineWidth: LADDER_DIAGONAL_LINE_WIDTH,\n lineDash: LADDER_DIAGONAL_DASH,\n fill: 'transparent'\n }\n } as ICustomMarkSpec<'path'>\n ]\n };\n};\n\n/**\n * 倾斜的大字 headline mark,方向与对角线完全一致。\n * 整个 group 围绕对角线中点 (cx, cy) 旋转 angle,文本本身做水平/垂直居中。\n */\nexport const buildLadderHeadlineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const text = getLadderHeadlineText(spec);\n if (!text) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-ladder-headline',\n // headline 在对角线之上、block 之下\n zIndex: LayoutZIndex.Mark,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cx,\n y: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cy,\n angle: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).angleRad\n },\n children: [\n {\n type: 'text',\n name: 'storyline-ladder-headline-text',\n interactive: false,\n style: {\n // 相对 group 局部坐标,(0, 0) 即旋转中心\n x: 0,\n y: 0,\n text,\n fontSize: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).fontSize,\n fontWeight: 900,\n fontFamily: 'Impact, \"Arial Black\", sans-serif',\n fill: withAlpha(themeColor, 0.92),\n textAlign: 'center',\n textBaseline: 'middle'\n }\n } as ICustomMarkSpec<'text'>\n ]\n };\n};\n\n// ===== block mark =====\n\n/**\n * ladder 中\"对角线左侧 block\"的判定:\n * layout.ts 中的法向 (nx, ny) = (-dy/len, dx/len)。\n * - direction='up':dy<0 → ny<0,sign=+1 → ny*sign<0 → 上方;可推得 偶数 index 在右上侧、奇数在左下侧。\n * \"对角线左侧\" = 奇数 index。\n * - direction='down':dy>0 → ny>0,sign=+1 → ny*sign>0 → 下方;偶数 index 在右下侧、奇数在左上侧。\n * \"对角线左侧\" = 奇数 index。\n * 因此两种 direction 下\"对角线左侧\"的判定一致。\n */\nconst isOnLeft = (index: number) => index % 2 === 1;\n\nconst getLadderBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n // 左侧 block:image 放右;右侧 block:image 放左\n const imagePosition = isOnLeft(index) ? ('right' as const) : ('left' as const);\n const imageWidth = spec.image?.width ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const titleFontSize = resolveTitleFontSize(\n spec,\n ctx,\n spec.data?.[index]?.title,\n textBox.width,\n LADDER_TITLE_FONT_SIZE,\n [8, 34]\n );\n const titleLineHeight = resolveAdaptiveLineHeight(\n titleFontSize,\n spec.title?.style as any,\n LADDER_TITLE_LINE_HEIGHT,\n LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE\n );\n const titleHeight = getBlockTitleHeight(titleLineHeight, spec.data?.[index]?.title, textBox.width, titleFontSize);\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n return {\n block: { width: blockWidth, height: blockHeight },\n titleFontSize,\n titleLineHeight,\n titleHeight,\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\n/**\n * ladder 的 block mark:\n * - 对角线左侧 block:image 在右,title / content textAlign='right'\n * - 对角线右侧 block:image 在左,title / content textAlign='left'\n */\nexport const buildLadderBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const onLeft = isOnLeft(index);\n const align = onLeft ? 'right' : 'left';\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const showBackground = spec.block?.showBackground === true;\n const showImageBackground = shouldShowImageBackground(spec);\n\n // textAlign='right' 时 x 锚点取 textBox 右端,否则取左端\n const getTitleX = (ctx: LayoutContext) => {\n const m = getLadderBlockMetrics(spec, ctx, index);\n return align === 'right' ? m.textBox.x + m.textBox.width : m.textBox.x;\n };\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n showBackground\n ? ({\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n showImageBackground\n ? ({\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n cornerRadius: 8,\n ...getImageBackgroundStyle(spec),\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleHeight,\n heightLimit: (_d: unknown, ctx: LayoutContext) =>\n getLadderBlockMetrics(spec, ctx, index).titleLineHeight * BLOCK_TITLE_MAX_LINES,\n lineClamp: BLOCK_TITLE_MAX_LINES,\n fontSize: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleFontSize,\n lineHeight: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n ...spec.title?.style,\n // 由于 ladder 强制按对角线左右镜像,textAlign 不允许被外层 spec.title.style 覆盖\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n text: buildPlainContent(contentText),\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n heightLimit: (_d: unknown, ctx: LayoutContext) =>\n getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n fontSize: LADDER_CONTENT_FONT_SIZE,\n lineHeight: LADDER_CONTENT_LINE_HEIGHT,\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style,\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<'rect' | 'image' | 'text'>[]\n };\n};\n"]}
@@ -1,5 +0,0 @@
1
- import { type IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildLadderDiagonalMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec;
4
- export declare const buildLadderHeadlineMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
- export declare const buildLadderBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
@@ -1,217 +0,0 @@
1
- import { LayoutZIndex } from "@visactor/vchart";
2
-
3
- import { DEFAULT_BLOCK_HEIGHT, DEFAULT_IMAGE_GAP, BLOCK_TITLE_MAX_LINES, buildPlainContent, getBlockTitleHeight, getImageBackgroundStyle, getImageBox, getLayout, getRegionGeometry, getTextBox, getThemeColor, normalizeLayout, normalizePadding, omitImageLayoutSpec, resolveAdaptiveLineHeight, resolveBlockWidth, resolveTitleFontSize, shouldShowImageBackground, withAlpha } from "./common";
4
-
5
- const LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 100, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 26, LADDER_CONTENT_FONT_SIZE = 16, LADDER_CONTENT_LINE_HEIGHT = 23, isDownLadder = spec => "down" === normalizeLayout(spec.layout).direction, getLadderDiagonalGeometry = (spec, ctx) => {
6
- var _a;
7
- const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), padding = normalizePadding(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerX = startX + padding.left, innerY = startY + padding.top, innerW = Math.max(width - padding.left - padding.right, 1), innerH = Math.max(height - padding.top - padding.bottom, 1), isDown = isDownLadder(spec), x1 = innerX + innerW, y0 = isDown ? innerY : innerY + innerH, y1 = isDown ? innerY + innerH : innerY, dx = x1 - innerX, dy = y1 - y0;
8
- return {
9
- x0: innerX,
10
- y0: y0,
11
- x1: x1,
12
- y1: y1,
13
- cx: (innerX + x1) / 2,
14
- cy: (y0 + y1) / 2,
15
- angleRad: Math.atan2(dy, dx) / Math.PI * 180,
16
- fontSize: Math.max(80, Math.min(240, Math.round(.42 * innerH)))
17
- };
18
- }, getLadderHeadlineText = spec => {
19
- var _a, _b;
20
- const layoutOpt = normalizeLayout(spec.layout);
21
- if ("string" == typeof layoutOpt.headline && layoutOpt.headline.length > 0) return layoutOpt.headline;
22
- const title = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.text;
23
- return "string" == typeof title && title.length > 0 ? title : "storyline";
24
- };
25
-
26
- export const buildLadderDiagonalMark = spec => {
27
- const themeColor = getThemeColor(spec);
28
- return {
29
- type: "group",
30
- name: "storyline-ladder-diagonal",
31
- zIndex: LayoutZIndex.Mark - 1,
32
- children: [ {
33
- type: "path",
34
- name: "storyline-ladder-diagonal-line",
35
- interactive: !1,
36
- style: {
37
- path: (_d, ctx) => {
38
- const g = getLadderDiagonalGeometry(spec, ctx);
39
- return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;
40
- },
41
- stroke: withAlpha(themeColor, .85),
42
- lineWidth: 2,
43
- lineDash: LADDER_DIAGONAL_DASH,
44
- fill: "transparent"
45
- }
46
- } ]
47
- };
48
- };
49
-
50
- export const buildLadderHeadlineMark = spec => {
51
- const text = getLadderHeadlineText(spec);
52
- if (!text) return null;
53
- const themeColor = getThemeColor(spec);
54
- return {
55
- type: "group",
56
- name: "storyline-ladder-headline",
57
- zIndex: LayoutZIndex.Mark,
58
- style: {
59
- x: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cx,
60
- y: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cy,
61
- angle: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).angleRad
62
- },
63
- children: [ {
64
- type: "text",
65
- name: "storyline-ladder-headline-text",
66
- interactive: !1,
67
- style: {
68
- x: 0,
69
- y: 0,
70
- text: text,
71
- fontSize: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).fontSize,
72
- fontWeight: 900,
73
- fontFamily: 'Impact, "Arial Black", sans-serif',
74
- fill: withAlpha(themeColor, .92),
75
- textAlign: "center",
76
- textBaseline: "middle"
77
- }
78
- } ]
79
- };
80
- };
81
-
82
- const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, index) => {
83
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
84
- const block = getLayout(spec, ctx).blocks[index], padding = normalizePadding(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 100, imageHeight = null !== (_g = null === (_f = spec.image) || void 0 === _f ? void 0 : _f.height) && void 0 !== _g ? _g : 100, imageGap = null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.gap) && void 0 !== _j ? _j : DEFAULT_IMAGE_GAP, hasImage = !!(null === (_l = null === (_k = spec.data) || void 0 === _k ? void 0 : _k[index]) || void 0 === _l ? void 0 : _l.image), blockWidth = null !== (_m = null == block ? void 0 : block.width) && void 0 !== _m ? _m : resolveBlockWidth(spec, 0), blockHeight = null !== (_q = null !== (_o = null == block ? void 0 : block.height) && void 0 !== _o ? _o : null === (_p = spec.block) || void 0 === _p ? void 0 : _p.height) && void 0 !== _q ? _q : DEFAULT_BLOCK_HEIGHT, imageBox = getImageBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = getTextBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), titleFontSize = resolveTitleFontSize(spec, ctx, null === (_s = null === (_r = spec.data) || void 0 === _r ? void 0 : _r[index]) || void 0 === _s ? void 0 : _s.title, textBox.width, 28, [ 8, 34 ]), titleLineHeight = resolveAdaptiveLineHeight(titleFontSize, null === (_t = spec.title) || void 0 === _t ? void 0 : _t.style, 26, 26 / 28), titleHeight = getBlockTitleHeight(titleLineHeight, null === (_v = null === (_u = spec.data) || void 0 === _u ? void 0 : _u[index]) || void 0 === _v ? void 0 : _v.title, textBox.width, titleFontSize), contentGap = (null === (_x = null === (_w = spec.data) || void 0 === _w ? void 0 : _w[index]) || void 0 === _x ? void 0 : _x.title) ? 8 : 0;
85
- return {
86
- block: {
87
- width: blockWidth,
88
- height: blockHeight
89
- },
90
- titleFontSize: titleFontSize,
91
- titleLineHeight: titleLineHeight,
92
- titleHeight: titleHeight,
93
- imageBox: imageBox,
94
- textBox: textBox,
95
- contentBox: {
96
- y: textBox.y + titleHeight + contentGap,
97
- height: Math.max(0, textBox.height - titleHeight - contentGap)
98
- }
99
- };
100
- };
101
-
102
- export const buildLadderBlockMark = (spec, block, index) => {
103
- var _a, _b, _c, _e, _f, _g, _h;
104
- const hasImage = !!block.image, align = isOnLeft(index) ? "right" : "left", contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], showBackground = !0 === (null === (_a = spec.block) || void 0 === _a ? void 0 : _a.showBackground), showImageBackground = shouldShowImageBackground(spec), getTitleX = ctx => {
105
- const m = getLadderBlockMetrics(spec, ctx, index);
106
- return "right" === align ? m.textBox.x + m.textBox.width : m.textBox.x;
107
- };
108
- return {
109
- type: "group",
110
- id: `storyline-block-${null !== (_b = block.id) && void 0 !== _b ? _b : index}`,
111
- name: `storyline-block-${index}`,
112
- zIndex: LayoutZIndex.Mark + 1,
113
- style: {
114
- x: (_d, ctx) => {
115
- var _a, _b;
116
- return null !== (_b = null === (_a = getLayout(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
117
- },
118
- y: (_d, ctx) => {
119
- var _a, _b;
120
- return null !== (_b = null === (_a = getLayout(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
121
- },
122
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
123
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height
124
- },
125
- children: [ showBackground ? {
126
- type: "rect",
127
- name: `storyline-block-bg-${index}`,
128
- interactive: !1,
129
- style: Object.assign({
130
- x: 0,
131
- y: 0,
132
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
133
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height,
134
- cornerRadius: 8,
135
- fill: "#ffffff",
136
- stroke: "#d7dce5",
137
- lineWidth: 1,
138
- shadowBlur: 6,
139
- shadowColor: "rgba(0, 0, 0, 0.08)"
140
- }, null === (_c = spec.block) || void 0 === _c ? void 0 : _c.style)
141
- } : null, showImageBackground ? {
142
- type: "rect",
143
- name: `storyline-block-image-bg-${index}`,
144
- interactive: !1,
145
- style: Object.assign(Object.assign({
146
- x: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,
147
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,
148
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,
149
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,
150
- cornerRadius: 8
151
- }, getImageBackgroundStyle(spec)), null === (_e = spec.block) || void 0 === _e ? void 0 : _e.style)
152
- } : null, hasImage ? Object.assign(Object.assign({
153
- type: "image",
154
- name: `storyline-block-image-${index}`,
155
- interactive: !1
156
- }, omitImageLayoutSpec(spec.image)), {
157
- style: Object.assign({
158
- x: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,
159
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,
160
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,
161
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,
162
- image: block.image
163
- }, null === (_f = spec.image) || void 0 === _f ? void 0 : _f.style)
164
- }) : null, block.title ? Object.assign(Object.assign({
165
- type: "text",
166
- name: `storyline-block-title-${index}`,
167
- interactive: !1
168
- }, spec.title), {
169
- style: Object.assign(Object.assign({
170
- x: (_d, ctx) => getTitleX(ctx),
171
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.y,
172
- text: block.title,
173
- maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
174
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleHeight,
175
- heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight * BLOCK_TITLE_MAX_LINES,
176
- lineClamp: BLOCK_TITLE_MAX_LINES,
177
- fontSize: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleFontSize,
178
- lineHeight: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight,
179
- fontWeight: "bold",
180
- fill: "#1f2430",
181
- stroke: "#fff",
182
- lineWidth: 5,
183
- lineJoin: "round",
184
- textBaseline: "top",
185
- whiteSpace: "normal",
186
- wordBreak: "break-word",
187
- ellipsis: "..."
188
- }, null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style), {
189
- textAlign: align
190
- })
191
- }) : null, contentText.length ? Object.assign(Object.assign({
192
- type: "text",
193
- name: `storyline-block-content-${index}`,
194
- interactive: !1
195
- }, spec.content), {
196
- style: Object.assign(Object.assign({
197
- x: (_d, ctx) => getTitleX(ctx),
198
- y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,
199
- width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
200
- height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
201
- text: buildPlainContent(contentText),
202
- maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
203
- heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
204
- fontSize: 16,
205
- lineHeight: 23,
206
- textBaseline: "top",
207
- whiteSpace: "normal",
208
- wordBreak: "break-word",
209
- ellipsis: "...",
210
- fill: "#596173"
211
- }, null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style), {
212
- textAlign: align
213
- })
214
- }) : null ].filter(Boolean)
215
- };
216
- };
217
- //# sourceMappingURL=ladder.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/ladder.ts"],"names":[],"mappings":"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","file":"ladder.js","sourcesContent":["import { LayoutZIndex, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n DEFAULT_BLOCK_HEIGHT,\n DEFAULT_IMAGE_GAP,\n BLOCK_TITLE_MAX_LINES,\n buildPlainContent,\n getBlockTitleHeight,\n getImageBackgroundStyle,\n getImageBox,\n getLayout,\n getRegionGeometry,\n getTextBox,\n getThemeColor,\n normalizeLayout,\n normalizePadding,\n omitImageLayoutSpec,\n resolveAdaptiveLineHeight,\n resolveBlockWidth,\n resolveTitleFontSize,\n shouldShowImageBackground,\n withAlpha\n} from './common';\n\n/**\n * ladder 布局:参考 Bauhaus 信息图。\n *\n * 视觉结构(direction='up'):\n * ┌─────────────────────────────────────────────────┐\n * │ [block 2] │\n * │ ╲╲╲ │\n * │ ╲╲╲ headline 大字 ╲╲╲ │\n * │ ╲╲╲ │\n * │ [block 1] │\n * └─────────────────────────────────────────────────┘\n *\n * - direction='up'(默认):对角线左下 → 右上\n * - direction='down':对角线左上 → 右下\n * - headline 大字沿对角线方向旋转,叠加在对角线上\n * - 每个 block 在对角线上取一个 anchor 点,沿对角线法向左偏 / 右偏交替放置\n * layout.ts 中 'ladder' 分支已经给出 block 中心点位置,本文件只关心\n * \"对角线本身\" 与 \"headline 文本\" 这两个装饰图元,以及 block 的左右镜像排版。\n */\n\n// headline 字号占可用高度的比例,自适应于不同画布\nconst LADDER_HEADLINE_FONT_RATIO = 0.42;\nconst LADDER_HEADLINE_FONT_MIN = 80;\nconst LADDER_HEADLINE_FONT_MAX = 240;\nconst LADDER_DIAGONAL_LINE_WIDTH = 2;\nconst LADDER_DIAGONAL_DASH = [12, 8];\n\n// ladder 中 block 的默认视觉参数(比通用默认值更大,符合 Bauhaus 信息图风格)\nconst LADDER_BLOCK_IMAGE_SIZE = 100;\nconst LADDER_TITLE_FONT_SIZE = 28;\nconst LADDER_TITLE_LINE_HEIGHT = 26;\nconst LADDER_CONTENT_FONT_SIZE = 16;\nconst LADDER_CONTENT_LINE_HEIGHT = 23;\n\nconst isDownLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算对角线两个端点(与 layout.ts 中 ladder 的 anchors 起止点保持一致)。\n * - direction='up'(默认):左下 → 右上\n * - direction='down':左上 → 右下\n */\nconst getLadderDiagonalGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n const padding = normalizePadding(spec.block?.padding);\n const innerX = startX + padding.left;\n const innerY = startY + padding.top;\n const innerW = Math.max(width - padding.left - padding.right, 1);\n const innerH = Math.max(height - padding.top - padding.bottom, 1);\n const isDown = isDownLadder(spec);\n const x0 = innerX;\n const x1 = innerX + innerW;\n const y0 = isDown ? innerY : innerY + innerH;\n const y1 = isDown ? innerY + innerH : innerY;\n const cx = (x0 + x1) / 2;\n const cy = (y0 + y1) / 2;\n // 对角线方向角度(度,画布坐标系:顺时针为正)。\n // up 时 dy<0 → 负角度(向上倾);down 时 dy>0 → 正角度(向下倾)。\n const dx = x1 - x0;\n const dy = y1 - y0;\n const angleRad = (Math.atan2(dy, dx) / Math.PI) * 180;\n const fontSize = Math.max(\n LADDER_HEADLINE_FONT_MIN,\n Math.min(LADDER_HEADLINE_FONT_MAX, Math.round(innerH * LADDER_HEADLINE_FONT_RATIO))\n );\n return { x0, y0, x1, y1, cx, cy, angleRad, fontSize };\n};\n\nconst getLadderHeadlineText = (spec: IStorylineSpec) => {\n const layoutOpt = normalizeLayout(spec.layout);\n if (typeof layoutOpt.headline === 'string' && layoutOpt.headline.length > 0) {\n return layoutOpt.headline;\n }\n // 回退:使用 spec.title 文本,再退化为占位\n const title = (spec.title?.style as { text?: string } | undefined)?.text;\n if (typeof title === 'string' && title.length > 0) {\n return title;\n }\n return 'storyline';\n};\n\n/**\n * 对角线 mark:贯穿 inner 矩形。\n */\nexport const buildLadderDiagonalMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-ladder-diagonal',\n // 对角线在最底层\n zIndex: LayoutZIndex.Mark - 1,\n children: [\n {\n type: 'path',\n name: 'storyline-ladder-diagonal-line',\n interactive: false,\n style: {\n path: (_d: unknown, ctx: LayoutContext) => {\n const g = getLadderDiagonalGeometry(spec, ctx);\n return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;\n },\n stroke: withAlpha(themeColor, 0.85),\n lineWidth: LADDER_DIAGONAL_LINE_WIDTH,\n lineDash: LADDER_DIAGONAL_DASH,\n fill: 'transparent'\n }\n } as ICustomMarkSpec<'path'>\n ]\n };\n};\n\n/**\n * 倾斜的大字 headline mark,方向与对角线完全一致。\n * 整个 group 围绕对角线中点 (cx, cy) 旋转 angle,文本本身做水平/垂直居中。\n */\nexport const buildLadderHeadlineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const text = getLadderHeadlineText(spec);\n if (!text) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-ladder-headline',\n // headline 在对角线之上、block 之下\n zIndex: LayoutZIndex.Mark,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cx,\n y: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cy,\n angle: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).angleRad\n },\n children: [\n {\n type: 'text',\n name: 'storyline-ladder-headline-text',\n interactive: false,\n style: {\n // 相对 group 局部坐标,(0, 0) 即旋转中心\n x: 0,\n y: 0,\n text,\n fontSize: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).fontSize,\n fontWeight: 900,\n fontFamily: 'Impact, \"Arial Black\", sans-serif',\n fill: withAlpha(themeColor, 0.92),\n textAlign: 'center',\n textBaseline: 'middle'\n }\n } as ICustomMarkSpec<'text'>\n ]\n };\n};\n\n// ===== block mark =====\n\n/**\n * ladder 中\"对角线左侧 block\"的判定:\n * layout.ts 中的法向 (nx, ny) = (-dy/len, dx/len)。\n * - direction='up':dy<0 → ny<0,sign=+1 → ny*sign<0 → 上方;可推得 偶数 index 在右上侧、奇数在左下侧。\n * \"对角线左侧\" = 奇数 index。\n * - direction='down':dy>0 → ny>0,sign=+1 → ny*sign>0 → 下方;偶数 index 在右下侧、奇数在左上侧。\n * \"对角线左侧\" = 奇数 index。\n * 因此两种 direction 下\"对角线左侧\"的判定一致。\n */\nconst isOnLeft = (index: number) => index % 2 === 1;\n\nconst getLadderBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n // 左侧 block:image 放右;右侧 block:image 放左\n const imagePosition = isOnLeft(index) ? ('right' as const) : ('left' as const);\n const imageWidth = spec.image?.width ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const titleFontSize = resolveTitleFontSize(\n spec,\n ctx,\n spec.data?.[index]?.title,\n textBox.width,\n LADDER_TITLE_FONT_SIZE,\n [8, 34]\n );\n const titleLineHeight = resolveAdaptiveLineHeight(\n titleFontSize,\n spec.title?.style as any,\n LADDER_TITLE_LINE_HEIGHT,\n LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE\n );\n const titleHeight = getBlockTitleHeight(titleLineHeight, spec.data?.[index]?.title, textBox.width, titleFontSize);\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n return {\n block: { width: blockWidth, height: blockHeight },\n titleFontSize,\n titleLineHeight,\n titleHeight,\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\n/**\n * ladder 的 block mark:\n * - 对角线左侧 block:image 在右,title / content textAlign='right'\n * - 对角线右侧 block:image 在左,title / content textAlign='left'\n */\nexport const buildLadderBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const onLeft = isOnLeft(index);\n const align = onLeft ? 'right' : 'left';\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const showBackground = spec.block?.showBackground === true;\n const showImageBackground = shouldShowImageBackground(spec);\n\n // textAlign='right' 时 x 锚点取 textBox 右端,否则取左端\n const getTitleX = (ctx: LayoutContext) => {\n const m = getLadderBlockMetrics(spec, ctx, index);\n return align === 'right' ? m.textBox.x + m.textBox.width : m.textBox.x;\n };\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n showBackground\n ? ({\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n showImageBackground\n ? ({\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n cornerRadius: 8,\n ...getImageBackgroundStyle(spec),\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleHeight,\n heightLimit: (_d: unknown, ctx: LayoutContext) =>\n getLadderBlockMetrics(spec, ctx, index).titleLineHeight * BLOCK_TITLE_MAX_LINES,\n lineClamp: BLOCK_TITLE_MAX_LINES,\n fontSize: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleFontSize,\n lineHeight: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n ...spec.title?.style,\n // 由于 ladder 强制按对角线左右镜像,textAlign 不允许被外层 spec.title.style 覆盖\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n text: buildPlainContent(contentText),\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n heightLimit: (_d: unknown, ctx: LayoutContext) =>\n getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n fontSize: LADDER_CONTENT_FONT_SIZE,\n lineHeight: LADDER_CONTENT_LINE_HEIGHT,\n textBaseline: 'top',\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style,\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<'rect' | 'image' | 'text'>[]\n };\n};\n"]}