@visactor/vchart-extension 2.1.0-alpha.17 → 2.1.0-alpha.18

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 (227) hide show
  1. package/build/index.js +0 -2148
  2. package/build/index.min.js +2 -2
  3. package/cjs/charts/axis-3d/index.js +1 -2
  4. package/cjs/charts/axis-3d/linear-axis.js +2 -1
  5. package/cjs/charts/bar-3d/chart-spec-transformer.js +1 -1
  6. package/cjs/charts/bar-3d/chart.js +1 -1
  7. package/cjs/charts/bar-3d/constant.js +1 -1
  8. package/cjs/charts/bar-3d/index.js +1 -1
  9. package/cjs/charts/bar-3d/interface.js +2 -1
  10. package/cjs/charts/bar-3d/series-spec-transformer.js +1 -1
  11. package/cjs/charts/bar-3d/series.js +1 -1
  12. package/cjs/charts/bar-3d/theme.js +1 -1
  13. package/cjs/charts/candlestick/candlestick-transformer.js +1 -1
  14. package/cjs/charts/candlestick/candlestick.js +1 -1
  15. package/cjs/charts/candlestick/index.js +1 -1
  16. package/cjs/charts/candlestick/interface.js +1 -1
  17. package/cjs/charts/candlestick/util.js +1 -1
  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 +2 -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 +1 -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 +1 -1
  36. package/cjs/charts/funnel-3d/theme.js +1 -1
  37. package/cjs/charts/histogram-3d/chart.js +1 -1
  38. package/cjs/charts/image-cloud/series/image-cloud.d.ts +1 -1
  39. package/cjs/components/bar-link/bar-link.js +1 -1
  40. package/cjs/components/bar-link/constant.js +1 -1
  41. package/cjs/components/bar-link/index.js +1 -1
  42. package/cjs/components/bar-link/type.js +1 -1
  43. package/cjs/components/bar-link/util.js +1 -1
  44. package/cjs/components/bar-regression-line/index.js +1 -1
  45. package/cjs/components/bar-regression-line/type.js +1 -1
  46. package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  47. package/cjs/components/extension-mark-sync-state/index.js +1 -1
  48. package/cjs/components/extension-mark-sync-state/type.js +1 -1
  49. package/cjs/components/histogram-regression-line/index.js +1 -1
  50. package/cjs/components/histogram-regression-line/type.js +1 -1
  51. package/cjs/components/map-label/index.js +1 -1
  52. package/cjs/components/map-label/layout.js +1 -1
  53. package/cjs/components/map-label/map-label-transformer.js +1 -2
  54. package/cjs/components/map-label/map-label.d.ts +1 -1
  55. package/cjs/components/map-label/map-label.js +1 -1
  56. package/cjs/components/map-label/theme.js +1 -1
  57. package/cjs/components/map-label/type.js +1 -1
  58. package/cjs/components/regression-line/index.js +1 -1
  59. package/cjs/components/regression-line/regression-line.js +1 -1
  60. package/cjs/components/regression-line/type.js +1 -1
  61. package/cjs/components/scatter-regression-line/index.js +1 -1
  62. package/cjs/components/scatter-regression-line/type.js +1 -1
  63. package/cjs/components/series-break/constant.js +1 -1
  64. package/cjs/components/series-break/index.js +1 -1
  65. package/cjs/components/series-break/series-break.js +1 -1
  66. package/cjs/components/series-break/type.js +1 -1
  67. package/cjs/components/series-break/util.js +1 -2
  68. package/cjs/components/series-label/constant.js +1 -1
  69. package/cjs/components/series-label/index.js +1 -1
  70. package/cjs/components/series-label/series-label.js +1 -1
  71. package/cjs/components/series-label/type.js +1 -1
  72. package/cjs/components/series-label/util.js +1 -1
  73. package/cjs/index.d.ts +0 -1
  74. package/cjs/index.js +5 -5
  75. package/cjs/index.js.map +1 -1
  76. package/esm/charts/axis-3d/index.js +1 -2
  77. package/esm/charts/axis-3d/linear-axis.js +2 -1
  78. package/esm/charts/bar-3d/chart-spec-transformer.js +1 -1
  79. package/esm/charts/bar-3d/chart.js +1 -1
  80. package/esm/charts/bar-3d/constant.js +1 -1
  81. package/esm/charts/bar-3d/index.js +1 -1
  82. package/esm/charts/bar-3d/interface.js +2 -1
  83. package/esm/charts/bar-3d/series-spec-transformer.js +1 -1
  84. package/esm/charts/bar-3d/series.js +1 -1
  85. package/esm/charts/bar-3d/theme.js +1 -1
  86. package/esm/charts/candlestick/candlestick-transformer.js +1 -1
  87. package/esm/charts/candlestick/candlestick.js +1 -1
  88. package/esm/charts/candlestick/index.js +1 -1
  89. package/esm/charts/candlestick/interface.js +1 -1
  90. package/esm/charts/candlestick/util.js +1 -1
  91. package/esm/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
  92. package/esm/charts/combination-candlestick/combination-candlestick.js +1 -1
  93. package/esm/charts/combination-candlestick/constant.js +1 -1
  94. package/esm/charts/combination-candlestick/index.js +1 -1
  95. package/esm/charts/combination-candlestick/interface.js +1 -1
  96. package/esm/charts/conversion-funnel/arrow-data-transform.js +2 -1
  97. package/esm/charts/conversion-funnel/constants.js +1 -1
  98. package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
  99. package/esm/charts/conversion-funnel/conversion-funnel.js +1 -1
  100. package/esm/charts/conversion-funnel/index.js +1 -1
  101. package/esm/charts/conversion-funnel/interface.js +1 -1
  102. package/esm/charts/conversion-funnel/util.js +1 -1
  103. package/esm/charts/funnel-3d/chart.js +1 -1
  104. package/esm/charts/funnel-3d/constant.js +1 -1
  105. package/esm/charts/funnel-3d/index.js +1 -1
  106. package/esm/charts/funnel-3d/interface.js +1 -1
  107. package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
  108. package/esm/charts/funnel-3d/series.js +1 -1
  109. package/esm/charts/funnel-3d/theme.js +1 -1
  110. package/esm/charts/histogram-3d/chart.js +1 -1
  111. package/esm/charts/image-cloud/series/image-cloud.d.ts +1 -1
  112. package/esm/components/bar-link/bar-link.js +1 -1
  113. package/esm/components/bar-link/constant.js +1 -1
  114. package/esm/components/bar-link/index.js +1 -1
  115. package/esm/components/bar-link/type.js +1 -1
  116. package/esm/components/bar-link/util.js +1 -1
  117. package/esm/components/bar-regression-line/index.js +1 -1
  118. package/esm/components/bar-regression-line/type.js +1 -1
  119. package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  120. package/esm/components/extension-mark-sync-state/index.js +1 -1
  121. package/esm/components/extension-mark-sync-state/type.js +1 -1
  122. package/esm/components/histogram-regression-line/index.js +1 -1
  123. package/esm/components/histogram-regression-line/type.js +1 -1
  124. package/esm/components/map-label/index.js +1 -1
  125. package/esm/components/map-label/layout.js +1 -1
  126. package/esm/components/map-label/map-label-transformer.js +1 -2
  127. package/esm/components/map-label/map-label.d.ts +1 -1
  128. package/esm/components/map-label/map-label.js +1 -1
  129. package/esm/components/map-label/theme.js +1 -1
  130. package/esm/components/map-label/type.js +1 -1
  131. package/esm/components/regression-line/index.js +1 -1
  132. package/esm/components/regression-line/regression-line.js +1 -1
  133. package/esm/components/regression-line/type.js +1 -1
  134. package/esm/components/scatter-regression-line/index.js +1 -1
  135. package/esm/components/scatter-regression-line/type.js +1 -1
  136. package/esm/components/series-break/constant.js +1 -1
  137. package/esm/components/series-break/index.js +1 -1
  138. package/esm/components/series-break/series-break.js +1 -1
  139. package/esm/components/series-break/type.js +1 -1
  140. package/esm/components/series-break/util.js +1 -2
  141. package/esm/components/series-label/constant.js +1 -1
  142. package/esm/components/series-label/index.js +1 -1
  143. package/esm/components/series-label/series-label.js +1 -1
  144. package/esm/components/series-label/type.js +1 -1
  145. package/esm/components/series-label/util.js +1 -1
  146. package/esm/index.d.ts +0 -1
  147. package/esm/index.js +0 -2
  148. package/esm/index.js.map +1 -1
  149. package/package.json +7 -7
  150. package/cjs/charts/storyline/index.d.ts +0 -4
  151. package/cjs/charts/storyline/index.js +0 -22
  152. package/cjs/charts/storyline/index.js.map +0 -1
  153. package/cjs/charts/storyline/interface.d.ts +0 -67
  154. package/cjs/charts/storyline/interface.js +0 -6
  155. package/cjs/charts/storyline/interface.js.map +0 -1
  156. package/cjs/charts/storyline/layout.d.ts +0 -53
  157. package/cjs/charts/storyline/layout.js +0 -208
  158. package/cjs/charts/storyline/layout.js.map +0 -1
  159. package/cjs/charts/storyline/layouts/arc.d.ts +0 -5
  160. package/cjs/charts/storyline/layouts/arc.js +0 -295
  161. package/cjs/charts/storyline/layouts/arc.js.map +0 -1
  162. package/cjs/charts/storyline/layouts/clock.d.ts +0 -5
  163. package/cjs/charts/storyline/layouts/clock.js +0 -246
  164. package/cjs/charts/storyline/layouts/clock.js.map +0 -1
  165. package/cjs/charts/storyline/layouts/common.d.ts +0 -89
  166. package/cjs/charts/storyline/layouts/common.js +0 -291
  167. package/cjs/charts/storyline/layouts/common.js.map +0 -1
  168. package/cjs/charts/storyline/layouts/default.d.ts +0 -4
  169. package/cjs/charts/storyline/layouts/default.js +0 -181
  170. package/cjs/charts/storyline/layouts/default.js.map +0 -1
  171. package/cjs/charts/storyline/layouts/ladder.d.ts +0 -5
  172. package/cjs/charts/storyline/layouts/ladder.js +0 -205
  173. package/cjs/charts/storyline/layouts/ladder.js.map +0 -1
  174. package/cjs/charts/storyline/layouts/landscape.d.ts +0 -4
  175. package/cjs/charts/storyline/layouts/landscape.js +0 -256
  176. package/cjs/charts/storyline/layouts/landscape.js.map +0 -1
  177. package/cjs/charts/storyline/layouts/portrait.d.ts +0 -4
  178. package/cjs/charts/storyline/layouts/portrait.js +0 -215
  179. package/cjs/charts/storyline/layouts/portrait.js.map +0 -1
  180. package/cjs/charts/storyline/layouts/wing.d.ts +0 -4
  181. package/cjs/charts/storyline/layouts/wing.js +0 -215
  182. package/cjs/charts/storyline/layouts/wing.js.map +0 -1
  183. package/cjs/charts/storyline/storyline-transformer.d.ts +0 -4
  184. package/cjs/charts/storyline/storyline-transformer.js +0 -78
  185. package/cjs/charts/storyline/storyline-transformer.js.map +0 -1
  186. package/cjs/charts/storyline/storyline.d.ts +0 -16
  187. package/cjs/charts/storyline/storyline.js +0 -36
  188. package/cjs/charts/storyline/storyline.js.map +0 -1
  189. package/esm/charts/storyline/index.d.ts +0 -4
  190. package/esm/charts/storyline/index.js +0 -8
  191. package/esm/charts/storyline/index.js.map +0 -1
  192. package/esm/charts/storyline/interface.d.ts +0 -67
  193. package/esm/charts/storyline/interface.js +0 -2
  194. package/esm/charts/storyline/interface.js.map +0 -1
  195. package/esm/charts/storyline/layout.d.ts +0 -53
  196. package/esm/charts/storyline/layout.js +0 -198
  197. package/esm/charts/storyline/layout.js.map +0 -1
  198. package/esm/charts/storyline/layouts/arc.d.ts +0 -5
  199. package/esm/charts/storyline/layouts/arc.js +0 -286
  200. package/esm/charts/storyline/layouts/arc.js.map +0 -1
  201. package/esm/charts/storyline/layouts/clock.d.ts +0 -5
  202. package/esm/charts/storyline/layouts/clock.js +0 -240
  203. package/esm/charts/storyline/layouts/clock.js.map +0 -1
  204. package/esm/charts/storyline/layouts/common.d.ts +0 -89
  205. package/esm/charts/storyline/layouts/common.js +0 -257
  206. package/esm/charts/storyline/layouts/common.js.map +0 -1
  207. package/esm/charts/storyline/layouts/default.d.ts +0 -4
  208. package/esm/charts/storyline/layouts/default.js +0 -174
  209. package/esm/charts/storyline/layouts/default.js.map +0 -1
  210. package/esm/charts/storyline/layouts/ladder.d.ts +0 -5
  211. package/esm/charts/storyline/layouts/ladder.js +0 -196
  212. package/esm/charts/storyline/layouts/ladder.js.map +0 -1
  213. package/esm/charts/storyline/layouts/landscape.d.ts +0 -4
  214. package/esm/charts/storyline/layouts/landscape.js +0 -252
  215. package/esm/charts/storyline/layouts/landscape.js.map +0 -1
  216. package/esm/charts/storyline/layouts/portrait.d.ts +0 -4
  217. package/esm/charts/storyline/layouts/portrait.js +0 -212
  218. package/esm/charts/storyline/layouts/portrait.js.map +0 -1
  219. package/esm/charts/storyline/layouts/wing.d.ts +0 -4
  220. package/esm/charts/storyline/layouts/wing.js +0 -210
  221. package/esm/charts/storyline/layouts/wing.js.map +0 -1
  222. package/esm/charts/storyline/storyline-transformer.d.ts +0 -4
  223. package/esm/charts/storyline/storyline-transformer.js +0 -76
  224. package/esm/charts/storyline/storyline-transformer.js.map +0 -1
  225. package/esm/charts/storyline/storyline.d.ts +0 -16
  226. package/esm/charts/storyline/storyline.js +0 -29
  227. package/esm/charts/storyline/storyline.js.map +0 -1
@@ -1,256 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.buildLandscapeBlockMark = exports.buildLandscapeConnectingCurve = void 0;
6
-
7
- const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LANDSCAPE_IMAGE_HEIGHT_RATIO = .42, LANDSCAPE_DETACHED_GAP = 64, LANDSCAPE_CONNECTOR_ARROW_SIZE = 9, LANDSCAPE_CONNECTOR_X_RATIO = .2, LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12, LANDSCAPE_CONTENT_LINES = 4, LANDSCAPE_TITLE_LINE_HEIGHT = 19, LANDSCAPE_CONTENT_LINE_HEIGHT = 18, LANDSCAPE_CONTENT_FONT_SIZE = 12, LANDSCAPE_TITLE_TO_CONTENT_GAP = 4, getLandscapeImageCenter = (spec, ctx, index) => {
8
- var _a, _b, _c, _e;
9
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
10
- if (!lb) return null;
11
- return {
12
- x: null !== (_b = null === (_a = lb.center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : lb.x + lb.width / 2,
13
- y: (null !== (_e = null === (_c = lb.center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _e ? _e : lb.y + lb.height / 2) + (index % 2 == 0 ? -1 : 1) * lb.height * .1
14
- };
15
- }, buildLandscapeConnectingCurve = spec => {
16
- var _a, _b, _c, _e, _f, _g, _h;
17
- const themeColor = (0, common_1.getThemeColor)(spec), lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, count = null !== (_e = null === (_c = spec.data) || void 0 === _c ? void 0 : _c.length) && void 0 !== _e ? _e : 0, symbolChildren = [];
18
- for (let i = 0; i < count; i++) {
19
- const idx = i;
20
- symbolChildren.push({
21
- type: "symbol",
22
- name: `storyline-landscape-curve-symbol-${idx}`,
23
- interactive: !1,
24
- style: {
25
- symbolType: "circle",
26
- size: 14,
27
- fill: themeColor,
28
- x: (_d, ctx) => {
29
- var _a, _b;
30
- return null !== (_b = null === (_a = getLandscapeImageCenter(spec, ctx, idx)) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
31
- },
32
- y: (_d, ctx) => {
33
- var _a, _b;
34
- return null !== (_b = null === (_a = getLandscapeImageCenter(spec, ctx, idx)) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
35
- }
36
- }
37
- });
38
- }
39
- return {
40
- type: "group",
41
- name: "storyline-landscape-curve",
42
- zIndex: vchart_1.LayoutZIndex.Mark + 2,
43
- children: [ {
44
- type: "path",
45
- name: "storyline-landscape-curve-path",
46
- interactive: !1,
47
- style: {
48
- stroke: null !== (_f = lineStyle.stroke) && void 0 !== _f ? _f : themeColor,
49
- lineWidth: null !== (_g = lineStyle.lineWidth) && void 0 !== _g ? _g : 4,
50
- lineDash: null !== (_h = lineStyle.lineDash) && void 0 !== _h ? _h : [ 6, 5 ],
51
- lineCap: "round",
52
- fill: "transparent",
53
- fillOpacity: 0,
54
- path: (_d, ctx) => {
55
- const points = [];
56
- for (let i = 0; i < count; i++) {
57
- const center = getLandscapeImageCenter(spec, ctx, i);
58
- center && points.push(center);
59
- }
60
- return (0, common_1.buildSmoothCurvePath)(points);
61
- }
62
- }
63
- }, ...symbolChildren ]
64
- };
65
- };
66
-
67
- exports.buildLandscapeConnectingCurve = buildLandscapeConnectingCurve;
68
-
69
- const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
70
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
71
- const padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), titleFontSize = Number(null !== (_f = null === (_e = null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style) || void 0 === _e ? void 0 : _e.fontSize) && void 0 !== _f ? _f : 18), titleLineHeight = Number(null !== (_j = null === (_h = null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.lineHeight) && void 0 !== _j ? _j : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_m = null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.fontSize) && void 0 !== _m ? _m : 12), contentLineHeight = Number(null !== (_q = null === (_p = null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.lineHeight) && void 0 !== _q ? _q : 18), imageHeight = Math.max(null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : Math.round(.42 * blockHeight), titleLineHeight + padding.top + padding.bottom), contentHeight = 4 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, textOnTop = index % 2 == 0;
72
- let textBox, contentBox, imageBox, connector, groupTop, groupHeight;
73
- const connectorX = 0 + .2 * blockWidth, textX = connectorX + 12, textWidth = Math.max(blockWidth - (textX - 0), 0);
74
- if (textOnTop) {
75
- const imageY = 0, textY = imageY - 64 - textHeight;
76
- imageBox = {
77
- x: 0,
78
- y: imageY,
79
- width: blockWidth,
80
- height: imageHeight
81
- }, textBox = {
82
- x: textX,
83
- y: textY,
84
- width: textWidth,
85
- height: textHeight
86
- }, contentBox = {
87
- x: textX,
88
- y: textY + titleLineHeight + 4,
89
- width: textWidth,
90
- height: contentHeight
91
- }, connector = {
92
- x1: connectorX,
93
- y1: imageY,
94
- x2: connectorX,
95
- y2: textY + titleLineHeight / 2
96
- }, groupTop = textY, groupHeight = imageHeight - groupTop;
97
- } else {
98
- const imageY = 0, textY = imageY + imageHeight + 64;
99
- imageBox = {
100
- x: 0,
101
- y: imageY,
102
- width: blockWidth,
103
- height: imageHeight
104
- }, textBox = {
105
- x: textX,
106
- y: textY,
107
- width: textWidth,
108
- height: textHeight
109
- }, contentBox = {
110
- x: textX,
111
- y: textY + titleLineHeight + 4,
112
- width: textWidth,
113
- height: contentHeight
114
- }, connector = {
115
- x1: connectorX,
116
- y1: imageY + imageHeight,
117
- x2: connectorX,
118
- y2: textY + textHeight
119
- }, groupTop = imageY, groupHeight = textY + textHeight - imageY;
120
- }
121
- return {
122
- padding: padding,
123
- titleFontSize: titleFontSize,
124
- titleLineHeight: titleLineHeight,
125
- contentFontSize: contentFontSize,
126
- contentLineHeight: contentLineHeight,
127
- contentHeight: contentHeight,
128
- blockWidth: blockWidth,
129
- imageBox: imageBox,
130
- textBox: textBox,
131
- contentBox: contentBox,
132
- connector: connector,
133
- textOnTop: textOnTop,
134
- groupTop: groupTop,
135
- groupHeight: groupHeight
136
- };
137
- }, buildLandscapeBlockMark = (spec, block, index) => {
138
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
139
- const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(1.35 * titleFontSize)), getMetrics = ctx => {
140
- var _a, _b, _c, _e;
141
- const layoutBlock = (0, common_1.getLayout)(spec, ctx).blocks[index], w = null !== (_a = null == layoutBlock ? void 0 : layoutBlock.width) && void 0 !== _a ? _a : (0,
142
- common_1.resolveBlockWidth)(spec, 0), h = null !== (_e = null !== (_b = null == layoutBlock ? void 0 : layoutBlock.height) && void 0 !== _b ? _b : null === (_c = spec.block) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : common_1.DEFAULT_BLOCK_HEIGHT;
143
- return getLandscapeMetrics(spec, w, h, index);
144
- }, blockStyle = null !== (_j = null === (_h = spec.block) || void 0 === _h ? void 0 : _h.style) && void 0 !== _j ? _j : {}, lineStyle = null !== (_l = null === (_k = spec.line) || void 0 === _k ? void 0 : _k.style) && void 0 !== _l ? _l : {}, themeColor = (0,
145
- common_1.getThemeColor)(spec), connectorStroke = null !== (_m = lineStyle.stroke) && void 0 !== _m ? _m : themeColor, connectorLineWidth = null !== (_o = lineStyle.lineWidth) && void 0 !== _o ? _o : 2, connectorDash = null !== (_p = lineStyle.lineDash) && void 0 !== _p ? _p : [ 4, 4 ];
146
- return {
147
- type: "group",
148
- id: `storyline-block-${null !== (_q = block.id) && void 0 !== _q ? _q : index}`,
149
- name: `storyline-block-${index}`,
150
- zIndex: vchart_1.LayoutZIndex.Mark + 1,
151
- style: {
152
- x: (_d, ctx) => {
153
- var _a;
154
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
155
- return null !== (_a = null == lb ? void 0 : lb.x) && void 0 !== _a ? _a : 0;
156
- },
157
- y: (_d, ctx) => {
158
- var _a, _b, _c, _e, _f, _g, _h;
159
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index], m = getMetrics(ctx), cy = null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : (null !== (_c = null == lb ? void 0 : lb.y) && void 0 !== _c ? _c : 0) + (null !== (_e = null == lb ? void 0 : lb.height) && void 0 !== _e ? _e : 0) / 2, blockH = null !== (_h = null !== (_f = null == lb ? void 0 : lb.height) && void 0 !== _f ? _f : null === (_g = spec.block) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : common_1.DEFAULT_BLOCK_HEIGHT, stagger = (index % 2 == 0 ? -1 : 1) * blockH * .1;
160
- return cy - m.imageBox.height / 2 + stagger;
161
- },
162
- width: (_d, ctx) => getMetrics(ctx).blockWidth,
163
- height: (_d, ctx) => getMetrics(ctx).groupHeight
164
- },
165
- children: [ {
166
- type: "rect",
167
- name: `storyline-block-image-bg-${index}`,
168
- interactive: !1,
169
- style: Object.assign({
170
- x: (_d, ctx) => getMetrics(ctx).imageBox.x,
171
- y: (_d, ctx) => getMetrics(ctx).imageBox.y,
172
- width: (_d, ctx) => getMetrics(ctx).imageBox.width,
173
- height: (_d, ctx) => getMetrics(ctx).imageBox.height,
174
- cornerRadius: 8,
175
- fill: "#ffffff",
176
- stroke: themeColor,
177
- lineWidth: 2
178
- }, blockStyle)
179
- }, hasImage ? Object.assign(Object.assign({
180
- type: "image",
181
- name: `storyline-block-image-${index}`,
182
- interactive: !1
183
- }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
184
- style: Object.assign({
185
- x: (_d, ctx) => getMetrics(ctx).imageBox.x,
186
- y: (_d, ctx) => getMetrics(ctx).imageBox.y,
187
- width: (_d, ctx) => getMetrics(ctx).imageBox.width,
188
- height: (_d, ctx) => getMetrics(ctx).imageBox.height,
189
- image: block.image,
190
- repeatX: "no-repeat",
191
- repeatY: "no-repeat",
192
- imageMode: "cover",
193
- imagePosition: "center"
194
- }, null === (_r = spec.image) || void 0 === _r ? void 0 : _r.style)
195
- }) : null, {
196
- type: "path",
197
- name: `storyline-block-connector-${index}`,
198
- interactive: !1,
199
- style: {
200
- stroke: connectorStroke,
201
- lineWidth: connectorLineWidth,
202
- lineDash: connectorDash,
203
- fill: connectorStroke,
204
- path: (_d, ctx) => {
205
- const m = getMetrics(ctx), x = m.connector.x1, y0 = m.connector.y1, y1 = m.connector.y2, baseY = y1 - 9 * (y1 < y0 ? -1 : 1);
206
- return `${`M ${x} ${y0} L ${x} ${baseY}`} ${`M ${x - 4.5} ${baseY} L ${x + 4.5} ${baseY} L ${x} ${y1} Z`}`;
207
- }
208
- }
209
- }, block.title ? Object.assign(Object.assign({
210
- type: "text",
211
- name: `storyline-block-title-${index}`,
212
- interactive: !1
213
- }, spec.title), {
214
- style: Object.assign({
215
- x: (_d, ctx) => getMetrics(ctx).textBox.x,
216
- y: (_d, ctx) => getMetrics(ctx).textBox.y,
217
- text: block.title,
218
- maxLineWidth: (_d, ctx) => getMetrics(ctx).textBox.width,
219
- fontSize: titleFontSize,
220
- lineHeight: titleLineHeight,
221
- fontWeight: "bold",
222
- fill: "#1f2430",
223
- stroke: "#fff",
224
- lineWidth: 5,
225
- lineJoin: "round",
226
- textAlign: "left",
227
- textBaseline: "top"
228
- }, null === (_s = spec.title) || void 0 === _s ? void 0 : _s.style)
229
- }) : null, contentText.length ? Object.assign(Object.assign({
230
- type: "text",
231
- name: `storyline-block-content-${index}`,
232
- interactive: !1
233
- }, spec.content), {
234
- textType: "rich",
235
- style: Object.assign({
236
- x: (_d, ctx) => getMetrics(ctx).contentBox.x,
237
- y: (_d, ctx) => getMetrics(ctx).contentBox.y,
238
- width: (_d, ctx) => getMetrics(ctx).contentBox.width,
239
- height: (_d, ctx) => getMetrics(ctx).contentBox.height,
240
- maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
241
- heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
242
- text: (0, common_1.buildRichContent)(contentText, spec),
243
- fontSize: 12,
244
- lineHeight: 18,
245
- textAlign: "left",
246
- textBaseline: "top",
247
- wordBreak: "break-word",
248
- ellipsis: "...",
249
- fill: "#596173"
250
- }, null === (_t = spec.content) || void 0 === _t ? void 0 : _t.style)
251
- }) : null ].filter(Boolean)
252
- };
253
- };
254
-
255
- exports.buildLandscapeBlockMark = buildLandscapeBlockMark;
256
- //# sourceMappingURL=landscape.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/landscape.ts"],"names":[],"mappings":"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","file":"landscape.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n DEFAULT_BLOCK_HEIGHT,\n buildRichContent,\n buildSmoothCurvePath,\n getLayout,\n getThemeColor,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth\n} from './common';\n\n// landscape 布局下,image rect 与 text rect 分离展示\nconst LANDSCAPE_IMAGE_HEIGHT_RATIO = 0.42;\nconst LANDSCAPE_DETACHED_GAP = 64;\nconst LANDSCAPE_CONNECTOR_ARROW_SIZE = 9;\nconst LANDSCAPE_CONNECTOR_X_RATIO = 0.2; // 引导线 x 位于 image 左侧 20% 处\nconst LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12; // 文字距离引导线的水平间距\n// content 区固定为 4 行,整体 textHeight = titleLineHeight + titleGap + contentLines * contentLineHeight\nconst LANDSCAPE_CONTENT_LINES = 4;\nconst LANDSCAPE_TITLE_LINE_HEIGHT = 19;\nconst LANDSCAPE_CONTENT_LINE_HEIGHT = 18;\nconst LANDSCAPE_CONTENT_FONT_SIZE = 12;\nconst LANDSCAPE_TITLE_TO_CONTENT_GAP = 4;\n\n/**\n * 计算第 index 个 block 在 landscape 布局下的 image 中心点(含 stagger 错落偏移)。\n */\nconst getLandscapeImageCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint | null => {\n const lb = getLayout(spec, ctx).blocks[index];\n if (!lb) {\n return null;\n }\n const cx = lb.center?.x ?? lb.x + lb.width / 2;\n const cy = lb.center?.y ?? lb.y + lb.height / 2;\n // 与 buildLandscapeBlockMark 中 group y 的 stagger 偏移保持一致\n const stagger = (index % 2 === 0 ? -1 : 1) * lb.height * 0.1;\n return { x: cx, y: cy + stagger };\n};\n\n/**\n * landscape 下绘制一条贯穿所有 image 中心的平滑虚线曲线,并在每个节点位置画 symbol,\n * 颜色跟随主题色。\n */\nexport const buildLandscapeConnectingCurve = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const themeColor = getThemeColor(spec);\n const lineStyle = spec.line?.style ?? {};\n const count = spec.data?.length ?? 0;\n const symbolSize = 14;\n const symbolChildren: ICustomMarkSpec<'symbol'>[] = [];\n for (let i = 0; i < count; i++) {\n const idx = i;\n symbolChildren.push({\n type: 'symbol',\n name: `storyline-landscape-curve-symbol-${idx}`,\n interactive: false,\n style: {\n symbolType: 'circle',\n size: symbolSize,\n fill: themeColor,\n x: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.y ?? 0\n }\n } as ICustomMarkSpec<'symbol'>);\n }\n return {\n type: 'group' as any,\n name: 'storyline-landscape-curve',\n zIndex: LayoutZIndex.Mark + 2,\n children: [\n {\n type: 'path',\n name: 'storyline-landscape-curve-path',\n interactive: false,\n style: {\n stroke: (lineStyle as any).stroke ?? themeColor,\n lineWidth: (lineStyle as any).lineWidth ?? 4,\n lineDash: (lineStyle as any).lineDash ?? [6, 5],\n lineCap: 'round',\n fill: 'transparent',\n fillOpacity: 0,\n path: (_d: unknown, ctx: LayoutContext) => {\n const points: StorylinePoint[] = [];\n for (let i = 0; i < count; i++) {\n const center = getLandscapeImageCenter(spec, ctx, i);\n if (center) {\n points.push(center);\n }\n }\n return buildSmoothCurvePath(points);\n }\n }\n } as ICustomMarkSpec<'path'>,\n ...symbolChildren\n ]\n };\n};\n\n/**\n * landscape 布局下,每个 block 拆分为 image rect 与 text rect 两个独立卡片,\n * 中间用主题色虚线箭头连接;title+content 在 image 上方/下方交替错落摆放。\n */\nconst getLandscapeMetrics = (spec: IStorylineSpec, blockWidth: number, blockHeight: number, index: number) => {\n const padding = normalizePadding(spec.block?.padding ?? 12);\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(LANDSCAPE_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? LANDSCAPE_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? LANDSCAPE_CONTENT_LINE_HEIGHT);\n\n const imageHeight = Math.max(\n spec.image?.height ?? Math.round(blockHeight * LANDSCAPE_IMAGE_HEIGHT_RATIO),\n titleLineHeight + padding.top + padding.bottom\n );\n const connectorGap = LANDSCAPE_DETACHED_GAP;\n const contentHeight = LANDSCAPE_CONTENT_LINES * contentLineHeight;\n const titleToContentGap = LANDSCAPE_TITLE_TO_CONTENT_GAP;\n const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n const textOnTop = index % 2 === 0;\n\n let textBox: { x: number; y: number; width: number; height: number };\n let contentBox: { x: number; y: number; width: number; height: number };\n let imageBox: { x: number; y: number; width: number; height: number };\n let connector: { x1: number; y1: number; x2: number; y2: number };\n let groupTop: number;\n let groupHeight: number;\n\n const imageX = 0;\n const connectorX = imageX + blockWidth * LANDSCAPE_CONNECTOR_X_RATIO;\n const textX = connectorX + LANDSCAPE_TEXT_GAP_FROM_CONNECTOR;\n const textWidth = Math.max(blockWidth - (textX - imageX), 0);\n\n if (textOnTop) {\n const imageY = 0;\n const textY = imageY - connectorGap - textHeight;\n const connectorY1 = imageY;\n const connectorY2 = textY + titleLineHeight / 2;\n\n imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n contentBox = {\n x: textX,\n y: textY + titleLineHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n groupTop = textY;\n groupHeight = imageHeight - groupTop;\n } else {\n const imageY = 0;\n const textY = imageY + imageHeight + connectorGap;\n const connectorY1 = imageY + imageHeight;\n const connectorY2 = textY + textHeight;\n\n imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n contentBox = {\n x: textX,\n y: textY + titleLineHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n groupTop = imageY;\n groupHeight = textY + textHeight - imageY;\n }\n\n return {\n padding,\n titleFontSize,\n titleLineHeight,\n contentFontSize,\n contentLineHeight,\n contentHeight,\n blockWidth,\n imageBox,\n textBox,\n contentBox,\n connector,\n textOnTop,\n groupTop,\n groupHeight\n };\n};\n\nexport const buildLandscapeBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n const getMetrics = (ctx: LayoutContext) => {\n const layoutBlock = getLayout(spec, ctx).blocks[index];\n const w = layoutBlock?.width ?? resolveBlockWidth(spec, 0);\n const h = layoutBlock?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n return getLandscapeMetrics(spec, w, h, index);\n };\n\n const blockStyle = spec.block?.style ?? {};\n const lineStyle = spec.line?.style ?? {};\n const themeColor = getThemeColor(spec);\n const connectorStroke = (lineStyle as any).stroke ?? themeColor;\n const connectorLineWidth = (lineStyle as any).lineWidth ?? 2;\n const connectorDash = (lineStyle as any).lineDash ?? [4, 4];\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.x ?? 0;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n const m = getMetrics(ctx);\n const cy = lb?.center?.y ?? (lb?.y ?? 0) + (lb?.height ?? 0) / 2;\n const blockH = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const stagger = (index % 2 === 0 ? -1 : 1) * blockH * 0.1;\n return cy - m.imageBox.height / 2 + stagger;\n },\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).blockWidth,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).groupHeight\n },\n children: [\n {\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2,\n ...blockStyle\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n image: block.image,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n {\n type: 'path',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n stroke: connectorStroke,\n lineWidth: connectorLineWidth,\n lineDash: connectorDash,\n fill: connectorStroke,\n path: (_d: unknown, ctx: LayoutContext) => {\n const m = getMetrics(ctx);\n const tipSize = LANDSCAPE_CONNECTOR_ARROW_SIZE;\n const x = m.connector.x1;\n const y0 = m.connector.y1;\n const y1 = m.connector.y2;\n const tipDir = y1 < y0 ? -1 : 1;\n const baseY = y1 - tipDir * tipSize;\n const dashLine = `M ${x} ${y0} L ${x} ${baseY}`;\n const triangle = `M ${x - tipSize / 2} ${baseY} L ${x + tipSize / 2} ${baseY} L ${x} ${y1} Z`;\n return `${dashLine} ${triangle}`;\n }\n }\n } as ICustomMarkSpec<'path'>,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: LANDSCAPE_CONTENT_FONT_SIZE,\n lineHeight: LANDSCAPE_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
@@ -1,4 +0,0 @@
1
- import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildPortraitAxisMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec;
4
- export declare const buildPortraitBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
@@ -1,215 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.buildPortraitBlockMark = exports.buildPortraitAxisMark = void 0;
6
-
7
- const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PORTRAIT_AXIS_WIDTH = 64, PORTRAIT_AXIS_PADDING = 50, PORTRAIT_IMAGE_WIDTH = 180, PORTRAIT_IMAGE_HEIGHT = 110, PORTRAIT_IMAGE_GAP_FROM_AXIS = 24, PORTRAIT_SHADOW_OFFSET_X = 24, PORTRAIT_SHADOW_OFFSET_Y = 16, PORTRAIT_SHADOW_SCALE = 1, PORTRAIT_TEXT_GAP_FROM_IMAGE = 8, PORTRAIT_CONTENT_LINES = 3, PORTRAIT_TITLE_LINE_HEIGHT = 19, PORTRAIT_CONTENT_LINE_HEIGHT = 18, PORTRAIT_CONTENT_FONT_SIZE = 12, PORTRAIT_TITLE_TO_CONTENT_GAP = 4, getPortraitAxisRect = (spec, ctx) => {
8
- const blocks = (0, common_1.getLayout)(spec, ctx).blocks;
9
- if (!blocks.length) return {
10
- x: 0,
11
- y: 0,
12
- width: 0,
13
- height: 0
14
- };
15
- const firstCy = blocks[0].center.y, lastCy = blocks[blocks.length - 1].center.y, top = Math.min(firstCy, lastCy), bottom = Math.max(firstCy, lastCy);
16
- return {
17
- x: blocks[0].center.x - 32,
18
- y: top - 50,
19
- width: 64,
20
- height: bottom - top + 100
21
- };
22
- }, buildPortraitAxisMark = spec => {
23
- var _a, _b, _c, _e, _f, _g;
24
- const themeColor = (0, common_1.getThemeColor)(spec), lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, defaultFill = {
25
- gradient: "linear",
26
- x0: 0,
27
- y0: 0,
28
- x1: 0,
29
- y1: 1,
30
- stops: [ {
31
- offset: 0,
32
- color: (0, common_1.withAlpha)(themeColor, .2)
33
- }, {
34
- offset: 1,
35
- color: (0, common_1.withAlpha)(themeColor, 1)
36
- } ]
37
- };
38
- return {
39
- type: "group",
40
- name: "storyline-portrait-axis",
41
- zIndex: vchart_1.LayoutZIndex.Mark,
42
- children: [ {
43
- type: "rect",
44
- name: "storyline-portrait-axis-rect",
45
- interactive: !1,
46
- style: {
47
- fill: null !== (_c = lineStyle.fill) && void 0 !== _c ? _c : defaultFill,
48
- stroke: null !== (_e = lineStyle.stroke) && void 0 !== _e && _e,
49
- lineWidth: null !== (_f = lineStyle.lineWidth) && void 0 !== _f ? _f : 0,
50
- cornerRadius: null !== (_g = lineStyle.cornerRadius) && void 0 !== _g ? _g : 0,
51
- x: (_d, ctx) => getPortraitAxisRect(spec, ctx).x,
52
- y: (_d, ctx) => getPortraitAxisRect(spec, ctx).y,
53
- width: (_d, ctx) => getPortraitAxisRect(spec, ctx).width,
54
- height: (_d, ctx) => getPortraitAxisRect(spec, ctx).height
55
- }
56
- } ]
57
- };
58
- };
59
-
60
- exports.buildPortraitAxisMark = buildPortraitAxisMark;
61
-
62
- const getPortraitMetrics = (spec, blockWidth, _blockHeight, index) => {
63
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
64
- const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 18), contentHeight = 3 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 180, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 110, onLeft = index % 2 == 0, imageX = onLeft ? -56 - imageWidth : 56, imageY = -imageHeight / 2, textY = imageY + imageHeight + 8, shadowWidth = 1 * imageWidth, shadowHeight = 1 * imageHeight;
65
- return {
66
- onLeft: onLeft,
67
- titleFontSize: titleFontSize,
68
- titleLineHeight: titleLineHeight,
69
- contentFontSize: contentFontSize,
70
- contentLineHeight: contentLineHeight,
71
- blockWidth: blockWidth,
72
- imageBox: {
73
- x: imageX,
74
- y: imageY,
75
- width: imageWidth,
76
- height: imageHeight
77
- },
78
- shadowBox: {
79
- x: imageX - (shadowWidth - imageWidth) / 2 + (onLeft ? -24 : 24),
80
- y: imageY - (shadowHeight - imageHeight) / 2 + 16,
81
- width: shadowWidth,
82
- height: shadowHeight
83
- },
84
- textBox: {
85
- x: imageX,
86
- y: textY,
87
- width: imageWidth,
88
- height: textHeight
89
- },
90
- contentBox: {
91
- x: imageX,
92
- y: textY + titleLineHeight + 4,
93
- width: imageWidth,
94
- height: contentHeight
95
- }
96
- };
97
- }, buildPortraitBlockMark = (spec, block, index) => {
98
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
99
- const hasImage = !!block.image, hasSubImage = !!block.subImage, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), showBackground = !0 === (null === (_h = spec.image) || void 0 === _h ? void 0 : _h.showBackground), getMetrics = ctx => {
100
- var _a, _b, _c, _e;
101
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index], w = null !== (_a = null == lb ? void 0 : lb.width) && void 0 !== _a ? _a : (0,
102
- common_1.resolveBlockWidth)(spec, 0);
103
- null !== (_e = null !== (_b = null == lb ? void 0 : lb.height) && void 0 !== _b ? _b : null === (_c = spec.block) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e || common_1.DEFAULT_BLOCK_HEIGHT;
104
- return getPortraitMetrics(spec, w, 0, index);
105
- }, themeColor = (0, common_1.getThemeColor)(spec), blockStyle = null !== (_k = null === (_j = spec.block) || void 0 === _j ? void 0 : _j.style) && void 0 !== _k ? _k : {};
106
- return {
107
- type: "group",
108
- id: `storyline-block-${null !== (_l = block.id) && void 0 !== _l ? _l : index}`,
109
- name: `storyline-block-${index}`,
110
- zIndex: vchart_1.LayoutZIndex.Mark + 1,
111
- style: {
112
- x: (_d, ctx) => {
113
- var _a, _b;
114
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
115
- return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
116
- },
117
- y: (_d, ctx) => {
118
- var _a, _b;
119
- const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
120
- return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
121
- }
122
- },
123
- children: [ hasSubImage && showBackground ? {
124
- type: "image",
125
- name: `storyline-block-shadow-image-${index}`,
126
- interactive: !1,
127
- style: {
128
- x: (_d, ctx) => getMetrics(ctx).shadowBox.x,
129
- y: (_d, ctx) => getMetrics(ctx).shadowBox.y,
130
- width: (_d, ctx) => getMetrics(ctx).shadowBox.width,
131
- height: (_d, ctx) => getMetrics(ctx).shadowBox.height,
132
- image: block.subImage,
133
- repeatX: "no-repeat",
134
- repeatY: "no-repeat",
135
- imageMode: "cover",
136
- imagePosition: "center"
137
- }
138
- } : null, {
139
- type: "rect",
140
- name: `storyline-block-image-bg-${index}`,
141
- interactive: !1,
142
- style: Object.assign({
143
- x: (_d, ctx) => getMetrics(ctx).imageBox.x,
144
- y: (_d, ctx) => getMetrics(ctx).imageBox.y,
145
- width: (_d, ctx) => getMetrics(ctx).imageBox.width,
146
- height: (_d, ctx) => getMetrics(ctx).imageBox.height,
147
- cornerRadius: 8,
148
- fill: "#ffffff",
149
- stroke: themeColor,
150
- lineWidth: 2
151
- }, blockStyle)
152
- }, hasImage ? Object.assign(Object.assign({
153
- type: "image",
154
- name: `storyline-block-image-${index}`,
155
- interactive: !1
156
- }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
157
- style: Object.assign({
158
- x: (_d, ctx) => getMetrics(ctx).imageBox.x,
159
- y: (_d, ctx) => getMetrics(ctx).imageBox.y,
160
- width: (_d, ctx) => getMetrics(ctx).imageBox.width,
161
- height: (_d, ctx) => getMetrics(ctx).imageBox.height,
162
- image: block.image,
163
- repeatX: "no-repeat",
164
- repeatY: "no-repeat",
165
- imageMode: "cover",
166
- imagePosition: "center"
167
- }, null === (_m = spec.image) || void 0 === _m ? void 0 : _m.style)
168
- }) : null, block.title ? Object.assign(Object.assign({
169
- type: "text",
170
- name: `storyline-block-title-${index}`,
171
- interactive: !1
172
- }, spec.title), {
173
- style: Object.assign({
174
- x: (_d, ctx) => getMetrics(ctx).textBox.x,
175
- y: (_d, ctx) => getMetrics(ctx).textBox.y,
176
- text: block.title,
177
- maxLineWidth: (_d, ctx) => getMetrics(ctx).textBox.width,
178
- fontSize: titleFontSize,
179
- lineHeight: titleLineHeight,
180
- fontWeight: "bold",
181
- fill: "#1f2430",
182
- stroke: "#fff",
183
- lineWidth: 5,
184
- lineJoin: "round",
185
- textAlign: "left",
186
- textBaseline: "top"
187
- }, null === (_o = spec.title) || void 0 === _o ? void 0 : _o.style)
188
- }) : null, contentText.length ? Object.assign(Object.assign({
189
- type: "text",
190
- name: `storyline-block-content-${index}`,
191
- interactive: !1
192
- }, spec.content), {
193
- textType: "rich",
194
- style: Object.assign({
195
- x: (_d, ctx) => getMetrics(ctx).contentBox.x,
196
- y: (_d, ctx) => getMetrics(ctx).contentBox.y,
197
- width: (_d, ctx) => getMetrics(ctx).contentBox.width,
198
- height: (_d, ctx) => getMetrics(ctx).contentBox.height,
199
- maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
200
- heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
201
- text: (0, common_1.buildRichContent)(contentText, spec),
202
- fontSize: 12,
203
- lineHeight: 18,
204
- textAlign: "left",
205
- textBaseline: "top",
206
- wordBreak: "break-word",
207
- ellipsis: "...",
208
- fill: "#596173"
209
- }, null === (_p = spec.content) || void 0 === _p ? void 0 : _p.style)
210
- }) : null ].filter(Boolean)
211
- };
212
- };
213
-
214
- exports.buildPortraitBlockMark = buildPortraitBlockMark;
215
- //# sourceMappingURL=portrait.js.map
@@ -1 +0,0 @@
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 buildRichContent,\n getLayout,\n getThemeColor,\n omitImageLayoutSpec,\n resolveBlockWidth,\n withAlpha\n} from './common';\n\n// portrait 布局:中轴 rect + 左右交替的 image + image 下方 title/content\nconst PORTRAIT_AXIS_WIDTH = 64;\nconst PORTRAIT_AXIS_PADDING = 50; // 中轴上下两端的留白\nconst PORTRAIT_IMAGE_WIDTH = 180;\nconst PORTRAIT_IMAGE_HEIGHT = 110;\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 同尺寸,仅做错位偏移\nconst PORTRAIT_TEXT_GAP_FROM_IMAGE = 8;\nconst PORTRAIT_CONTENT_LINES = 3;\nconst PORTRAIT_TITLE_LINE_HEIGHT = 19;\nconst PORTRAIT_CONTENT_LINE_HEIGHT = 18;\nconst PORTRAIT_CONTENT_FONT_SIZE = 12;\nconst PORTRAIT_TITLE_TO_CONTENT_GAP = 4;\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 const firstCy = blocks[0].center.y;\n const lastCy = blocks[blocks.length - 1].center.y;\n const top = Math.min(firstCy, lastCy);\n const bottom = Math.max(firstCy, lastCy);\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 buildPortraitAxisMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n const themeColor = getThemeColor(spec);\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 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 ]\n };\n};\n\nconst getPortraitMetrics = (spec: IStorylineSpec, blockWidth: number, _blockHeight: number, index: number) => {\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(PORTRAIT_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\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 contentHeight = PORTRAIT_CONTENT_LINES * contentLineHeight;\n const titleToContentGap = PORTRAIT_TITLE_TO_CONTENT_GAP;\n const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n const imageWidth = spec.image?.width ?? PORTRAIT_IMAGE_WIDTH;\n const imageHeight = spec.image?.height ?? PORTRAIT_IMAGE_HEIGHT;\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 + titleLineHeight + 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 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\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 const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(PORTRAIT_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n // image 背后的装饰图元(错位 shadow image + mask)默认不展示\n const showBackground = spec.image?.showBackground === true;\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);\n };\n const themeColor = getThemeColor(spec);\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 && showBackground\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: 'cover',\n imagePosition: 'center'\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n {\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2,\n ...blockStyle\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n image: block.image,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: PORTRAIT_CONTENT_FONT_SIZE,\n lineHeight: PORTRAIT_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
@@ -1,4 +0,0 @@
1
- import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildWingArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
4
- export declare const buildWingBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;