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

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 (99) hide show
  1. package/build/index.js +401 -469
  2. package/build/index.min.js +1 -1
  3. package/cjs/charts/bar-3d/interface.js +1 -2
  4. package/cjs/charts/candlestick/candlestick.js +2 -1
  5. package/cjs/charts/conversion-funnel/arrow-data-transform.js +0 -1
  6. package/cjs/charts/funnel-3d/chart.js +1 -1
  7. package/cjs/charts/funnel-3d/constant.js +1 -1
  8. package/cjs/charts/funnel-3d/index.js +1 -1
  9. package/cjs/charts/funnel-3d/interface.js +1 -1
  10. package/cjs/charts/funnel-3d/series-spec-transformer.js +1 -1
  11. package/cjs/charts/funnel-3d/series.js +1 -1
  12. package/cjs/charts/funnel-3d/theme.js +1 -1
  13. package/cjs/charts/histogram-3d/chart.js +2 -1
  14. package/cjs/charts/histogram-3d/index.js +1 -1
  15. package/cjs/charts/histogram-3d/interface.js +1 -1
  16. package/cjs/charts/image-cloud/image-cloud-transformer.js +1 -1
  17. package/cjs/charts/image-cloud/image-cloud.js +1 -1
  18. package/cjs/charts/image-cloud/index.js +1 -1
  19. package/cjs/charts/image-cloud/interface.js +1 -1
  20. package/cjs/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  21. package/cjs/charts/storyline/interface.d.ts +8 -2
  22. package/cjs/charts/storyline/interface.js.map +1 -1
  23. package/cjs/charts/storyline/layout.js +19 -25
  24. package/cjs/charts/storyline/layout.js.map +1 -1
  25. package/cjs/charts/storyline/layouts/arc.d.ts +5 -0
  26. package/cjs/charts/storyline/layouts/{dome.js → arc.js} +56 -61
  27. package/cjs/charts/storyline/layouts/arc.js.map +1 -0
  28. package/cjs/charts/storyline/layouts/clock.js +8 -9
  29. package/cjs/charts/storyline/layouts/clock.js.map +1 -1
  30. package/cjs/charts/storyline/layouts/common.d.ts +3 -2
  31. package/cjs/charts/storyline/layouts/common.js +7 -7
  32. package/cjs/charts/storyline/layouts/common.js.map +1 -1
  33. package/cjs/charts/storyline/layouts/default.js +6 -4
  34. package/cjs/charts/storyline/layouts/default.js.map +1 -1
  35. package/cjs/charts/storyline/layouts/ladder.d.ts +5 -0
  36. package/cjs/charts/storyline/layouts/ladder.js +205 -0
  37. package/cjs/charts/storyline/layouts/ladder.js.map +1 -0
  38. package/cjs/charts/storyline/layouts/landscape.js +5 -3
  39. package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
  40. package/cjs/charts/storyline/layouts/portrait.js +16 -42
  41. package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
  42. package/cjs/charts/storyline/layouts/wing.js +14 -14
  43. package/cjs/charts/storyline/layouts/wing.js.map +1 -1
  44. package/cjs/charts/storyline/storyline-transformer.js +27 -15
  45. package/cjs/charts/storyline/storyline-transformer.js.map +1 -1
  46. package/esm/charts/bar-3d/interface.js +1 -2
  47. package/esm/charts/candlestick/candlestick.js +2 -1
  48. package/esm/charts/conversion-funnel/arrow-data-transform.js +1 -2
  49. package/esm/charts/funnel-3d/chart.js +1 -1
  50. package/esm/charts/funnel-3d/constant.js +1 -1
  51. package/esm/charts/funnel-3d/index.js +1 -1
  52. package/esm/charts/funnel-3d/interface.js +1 -1
  53. package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
  54. package/esm/charts/funnel-3d/series.js +1 -1
  55. package/esm/charts/funnel-3d/theme.js +1 -1
  56. package/esm/charts/histogram-3d/chart.js +2 -1
  57. package/esm/charts/histogram-3d/index.js +1 -1
  58. package/esm/charts/histogram-3d/interface.js +1 -1
  59. package/esm/charts/image-cloud/image-cloud-transformer.js +1 -1
  60. package/esm/charts/image-cloud/image-cloud.js +1 -1
  61. package/esm/charts/image-cloud/index.js +1 -1
  62. package/esm/charts/image-cloud/interface.js +1 -1
  63. package/esm/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
  64. package/esm/charts/storyline/interface.d.ts +8 -2
  65. package/esm/charts/storyline/interface.js.map +1 -1
  66. package/esm/charts/storyline/layout.js +19 -25
  67. package/esm/charts/storyline/layout.js.map +1 -1
  68. package/esm/charts/storyline/layouts/arc.d.ts +5 -0
  69. package/esm/charts/storyline/layouts/{dome.js → arc.js} +51 -57
  70. package/esm/charts/storyline/layouts/arc.js.map +1 -0
  71. package/esm/charts/storyline/layouts/clock.js +8 -9
  72. package/esm/charts/storyline/layouts/clock.js.map +1 -1
  73. package/esm/charts/storyline/layouts/common.d.ts +3 -2
  74. package/esm/charts/storyline/layouts/common.js +3 -3
  75. package/esm/charts/storyline/layouts/common.js.map +1 -1
  76. package/esm/charts/storyline/layouts/default.js +6 -4
  77. package/esm/charts/storyline/layouts/default.js.map +1 -1
  78. package/esm/charts/storyline/layouts/ladder.d.ts +5 -0
  79. package/esm/charts/storyline/layouts/ladder.js +196 -0
  80. package/esm/charts/storyline/layouts/ladder.js.map +1 -0
  81. package/esm/charts/storyline/layouts/landscape.js +5 -3
  82. package/esm/charts/storyline/layouts/landscape.js.map +1 -1
  83. package/esm/charts/storyline/layouts/portrait.js +16 -42
  84. package/esm/charts/storyline/layouts/portrait.js.map +1 -1
  85. package/esm/charts/storyline/layouts/wing.js +14 -14
  86. package/esm/charts/storyline/layouts/wing.js.map +1 -1
  87. package/esm/charts/storyline/storyline-transformer.js +25 -15
  88. package/esm/charts/storyline/storyline-transformer.js.map +1 -1
  89. package/package.json +2 -2
  90. package/cjs/charts/storyline/layouts/bowl.d.ts +0 -5
  91. package/cjs/charts/storyline/layouts/bowl.js +0 -285
  92. package/cjs/charts/storyline/layouts/bowl.js.map +0 -1
  93. package/cjs/charts/storyline/layouts/dome.d.ts +0 -5
  94. package/cjs/charts/storyline/layouts/dome.js.map +0 -1
  95. package/esm/charts/storyline/layouts/bowl.d.ts +0 -5
  96. package/esm/charts/storyline/layouts/bowl.js +0 -277
  97. package/esm/charts/storyline/layouts/bowl.js.map +0 -1
  98. package/esm/charts/storyline/layouts/dome.d.ts +0 -5
  99. package/esm/charts/storyline/layouts/dome.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import { CommonChartSpecTransformer } from "@visactor/vchart";
2
2
 
3
- import { isBowl, isClock, isDome, isLandscape, isPortrait, isWing } from "./layouts/common";
3
+ import { isArc, isClock, isLadder, isLandscape, isPortrait, isWing, normalizeLayout, resolveBlockWidth, DEFAULT_BLOCK_WIDTH, DEFAULT_IMAGE_GAP } from "./layouts/common";
4
4
 
5
5
  import { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from "./layouts/clock";
6
6
 
@@ -10,12 +10,12 @@ import { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from "./layout
10
10
 
11
11
  import { buildPortraitAxisMark, buildPortraitBlockMark } from "./layouts/portrait";
12
12
 
13
- import { buildDomeArcMark, buildDomeBlockMark, buildDomeCenterImageMark } from "./layouts/dome";
14
-
15
- import { buildBowlArcMark, buildBowlBlockMark, buildBowlCenterImageMark } from "./layouts/bowl";
13
+ import { buildArcBlockMark, buildArcCenterImageMark, buildArcMark } from "./layouts/arc";
16
14
 
17
15
  import { buildWingArcMark, buildWingBlockMark } from "./layouts/wing";
18
16
 
17
+ import { buildLadderBlockMark, buildLadderDiagonalMark, buildLadderHeadlineMark } from "./layouts/ladder";
18
+
19
19
  export class StorylineChartSpecTransformer extends CommonChartSpecTransformer {
20
20
  transformSpec(spec) {
21
21
  var _a;
@@ -30,26 +30,33 @@ export class StorylineChartSpecTransformer extends CommonChartSpecTransformer {
30
30
 
31
31
  const applyDefaultPadding = spec => {
32
32
  var _a, _b, _c, _d;
33
- const SMALL = 20, bowl = isBowl(spec), defaultTop = bowl ? 100 : SMALL, defaultBottom = bowl ? SMALL : 100, p = spec.padding;
33
+ const arc = isArc(spec), arcDown = arc && "down" === normalizeLayout(spec.layout).direction, arcUp = arc && !arcDown, portrait = isPortrait(spec), ladder = isLadder(spec), ladderHorizontalPadding = (() => {
34
+ var _a, _b, _c, _d, _e, _f;
35
+ if (!ladder) return 0;
36
+ const blockWidth = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.minWidth) && void 0 !== _b ? _b : resolveBlockWidth(spec, 0), imageWidth = null !== (_d = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _d ? _d : 96, imageGap = null !== (_f = null === (_e = spec.image) || void 0 === _e ? void 0 : _e.gap) && void 0 !== _f ? _f : DEFAULT_IMAGE_GAP, contentWidth = Math.max(blockWidth - imageWidth - imageGap - 24, .5 * DEFAULT_BLOCK_WIDTH);
37
+ return Math.round(2 * contentWidth);
38
+ })(), ladderVerticalPadding = (() => {
39
+ var _a, _b;
40
+ if (!ladder) return 0;
41
+ const blockHeight = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.height) && void 0 !== _b ? _b : 132;
42
+ return Math.round(3 * blockHeight);
43
+ })(), defaultTop = ladder ? ladderVerticalPadding : arcDown ? 100 : arcUp ? 280 : 20, defaultBottom = ladder ? ladderVerticalPadding : arcDown ? 280 : portrait ? 160 : 100, defaultLeft = ladder ? ladderHorizontalPadding : 20, defaultRight = ladder ? ladderHorizontalPadding : 20, p = spec.padding;
34
44
  if (null != p) if ("number" != typeof p) if (Array.isArray(p)) {
35
- const [t, r = SMALL, b, l = SMALL] = p;
45
+ const [t, r = defaultRight, b, l = defaultLeft] = p;
36
46
  spec.padding = [ null != t ? t : defaultTop, r, null != b ? b : defaultBottom, l ];
37
47
  } else "object" == typeof p && (spec.padding = {
38
48
  top: null !== (_a = p.top) && void 0 !== _a ? _a : defaultTop,
39
- right: null !== (_b = p.right) && void 0 !== _b ? _b : SMALL,
49
+ right: null !== (_b = p.right) && void 0 !== _b ? _b : defaultRight,
40
50
  bottom: null !== (_c = p.bottom) && void 0 !== _c ? _c : defaultBottom,
41
- left: null !== (_d = p.left) && void 0 !== _d ? _d : SMALL
42
- }); else spec.padding = bowl ? [ Math.max(p, 100), p, p, p ] : [ p, p, Math.max(p, 100), p ]; else spec.padding = [ defaultTop, SMALL, defaultBottom, SMALL ];
51
+ left: null !== (_d = p.left) && void 0 !== _d ? _d : defaultLeft
52
+ }); else spec.padding = [ Math.max(p, defaultTop), Math.max(p, defaultRight), Math.max(p, defaultBottom), Math.max(p, defaultLeft) ]; else spec.padding = [ defaultTop, defaultRight, defaultBottom, defaultLeft ];
43
53
  }, buildStorylineMarks = spec => {
44
54
  var _a;
45
55
  const lineMark = buildLineMark(spec), blockMarks = (null !== (_a = spec.data) && void 0 !== _a ? _a : []).map(((block, index) => buildBlockMark(spec, block, index)));
46
56
  if (isLandscape(spec)) return [ ...blockMarks, lineMark ].filter(Boolean);
47
57
  if (isPortrait(spec)) return [ lineMark, ...blockMarks ].filter(Boolean);
48
- if (isDome(spec)) {
49
- return [ buildDomeCenterImageMark(spec), buildDomeArcMark(spec), ...blockMarks ].filter(Boolean);
50
- }
51
- if (isBowl(spec)) {
52
- return [ buildBowlCenterImageMark(spec), buildBowlArcMark(spec), ...blockMarks ].filter(Boolean);
58
+ if (isArc(spec)) {
59
+ return [ buildArcCenterImageMark(spec), buildArcMark(spec), ...blockMarks ].filter(Boolean);
53
60
  }
54
61
  if (isClock(spec)) {
55
62
  const ringsMark = buildClockArcMark(spec), centerImageMark = buildClockCenterImageMark(spec);
@@ -58,9 +65,12 @@ const applyDefaultPadding = spec => {
58
65
  if (isWing(spec)) {
59
66
  return [ buildWingArcMark(spec), ...blockMarks ].filter(Boolean);
60
67
  }
68
+ if (isLadder(spec)) {
69
+ return [ buildLadderDiagonalMark(spec), buildLadderHeadlineMark(spec), ...blockMarks ].filter(Boolean);
70
+ }
61
71
  return [ lineMark, ...blockMarks ].filter(Boolean);
62
72
  }, buildLineMark = spec => {
63
73
  var _a, _b, _c;
64
74
  return !1 === (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible) || (null !== (_c = null === (_b = spec.data) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0) <= 1 ? null : isLandscape(spec) ? buildLandscapeConnectingCurve(spec) : isPortrait(spec) ? buildPortraitAxisMark(spec) : buildDefaultLineMark(spec);
65
- }, buildBlockMark = (spec, block, index) => isLandscape(spec) ? buildLandscapeBlockMark(spec, block, index) : isPortrait(spec) ? buildPortraitBlockMark(spec, block, index) : isDome(spec) ? buildDomeBlockMark(spec, block, index) : isBowl(spec) ? buildBowlBlockMark(spec, block, index) : isClock(spec) ? buildClockBlockMark(spec, block, index) : isWing(spec) ? buildWingBlockMark(spec, block, index) : buildDefaultBlockMark(spec, block, index);
75
+ }, buildBlockMark = (spec, block, index) => isLandscape(spec) ? buildLandscapeBlockMark(spec, block, index) : isPortrait(spec) ? buildPortraitBlockMark(spec, block, index) : isArc(spec) ? buildArcBlockMark(spec, block, index) : isClock(spec) ? buildClockBlockMark(spec, block, index) : isWing(spec) ? buildWingBlockMark(spec, block, index) : isLadder(spec) ? buildLadderBlockMark(spec, block, index) : buildDefaultBlockMark(spec, block, index);
66
76
  //# sourceMappingURL=storyline-transformer.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/charts/storyline/storyline-transformer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAgC,MAAM,kBAAkB,CAAC;AAE5F,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,OAAO,6BAA8B,SAAQ,0BAA+B;IAChF,aAAa,CAAC,IAAS;;QACrB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,aAAa,GAAG,gCACjB,IAAI,KACP,IAAI,EAAE,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GACX,CAAC;QAEpB,IAAI,CAAC,IAAI,GAAG,QAAe,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC,MAAM,CAAC;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAW,CAAC,CAAC;IACnC,CAAC;CACF;AAQD,MAAM,mBAAmB,GAAG,CAAC,IAAS,EAAE,EAAE;;IACxC,MAAM,KAAK,GAAG,GAAG,CAAC;IAClB,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAsB,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE;QACjC,IAAI,CAAC,OAAO,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QACzD,OAAO;KACR;IACD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QACpF,OAAO;KACR;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACpB,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,UAAU,EAAE,CAAC,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,aAAa,EAAE,CAAC,CAAC,CAAC;QAC3D,OAAO;KACR;IACD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,CAAC,OAAO,GAAG;YACb,GAAG,EAAE,MAAA,CAAC,CAAC,GAAG,mCAAI,UAAU;YACxB,KAAK,EAAE,MAAA,CAAC,CAAC,KAAK,mCAAI,KAAK;YACvB,MAAM,EAAE,MAAA,CAAC,CAAC,MAAM,mCAAI,aAAa;YACjC,IAAI,EAAE,MAAA,CAAC,CAAC,IAAI,mCAAI,KAAK;SACtB,CAAC;KACH;AACH,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,IAAoB,EAAE,EAAE;;IACnD,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/F,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACrB,OAAO,CAAC,GAAG,UAAU,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/E;IAED,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,OAAO,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/E;IAGD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,MAAM,eAAe,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/F;IAED,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,MAAM,eAAe,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/F;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;QACjB,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,eAAe,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CAAC,SAAS,EAAE,GAAG,UAAU,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KACjG;IAGD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC9E;IACD,OAAO,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAoB,EAAkC,EAAE;;IAC7E,IAAI,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,MAAK,KAAK,IAAI,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,EAAE;QACjE,OAAO,IAAI,CAAC;KACb;IACD,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACrB,OAAO,6BAA6B,CAAC,IAAI,CAAC,CAAC;KAC5C;IACD,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAoB,EAAE,KAAsB,EAAE,KAAa,EAA2B,EAAE;IAC9G,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACrB,OAAO,uBAAuB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACpD;IACD,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,OAAO,sBAAsB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACnD;IACD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAC/C;IACD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAC/C;IACD,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;QACjB,OAAO,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAChD;IACD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAC/C;IAED,OAAO,qBAAqB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACnD,CAAC,CAAC","file":"storyline-transformer.js","sourcesContent":["import { CommonChartSpecTransformer, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from './interface';\nimport { isBowl, isClock, isDome, isLandscape, isPortrait, isWing } from './layouts/common';\nimport { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from './layouts/clock';\nimport { buildDefaultBlockMark, buildDefaultLineMark } from './layouts/default';\nimport { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from './layouts/landscape';\nimport { buildPortraitAxisMark, buildPortraitBlockMark } from './layouts/portrait';\nimport { buildDomeArcMark, buildDomeBlockMark, buildDomeCenterImageMark } from './layouts/dome';\nimport { buildBowlArcMark, buildBowlBlockMark, buildBowlCenterImageMark } from './layouts/bowl';\nimport { buildWingArcMark, buildWingBlockMark } from './layouts/wing';\n\nexport class StorylineChartSpecTransformer extends CommonChartSpecTransformer<any> {\n transformSpec(spec: any): void {\n applyDefaultPadding(spec);\n const storylineSpec = {\n ...spec,\n data: [...(spec.data ?? [])]\n } as IStorylineSpec;\n\n spec.type = 'common' as any;\n spec.data = [];\n spec.series = [];\n spec.axes = [];\n spec.customMark = buildStorylineMarks(storylineSpec);\n delete spec.layout;\n delete spec.title;\n super.transformSpec(spec as any);\n }\n}\n\n/**\n * 图表默认 padding:\n * - dome 等大多数布局底部留 100px,给 centerImage / 引导线留呼吸空间;\n * - bowl 是 dome 的上下镜像,centerImage 贴顶,所以默认顶部留 100px、底部 20px;\n * 用户在 spec.padding 中显式指定的值会被保留,仅在缺省时生效。\n */\nconst applyDefaultPadding = (spec: any) => {\n const LARGE = 100;\n const SMALL = 20;\n const bowl = isBowl(spec as IStorylineSpec);\n const defaultTop = bowl ? LARGE : SMALL;\n const defaultBottom = bowl ? SMALL : LARGE;\n const p = spec.padding;\n if (p === undefined || p === null) {\n spec.padding = [defaultTop, SMALL, defaultBottom, SMALL];\n return;\n }\n if (typeof p === 'number') {\n spec.padding = bowl ? [Math.max(p, LARGE), p, p, p] : [p, p, Math.max(p, LARGE), p];\n return;\n }\n if (Array.isArray(p)) {\n const [t, r = SMALL, b, l = SMALL] = p;\n spec.padding = [t ?? defaultTop, r, b ?? defaultBottom, l];\n return;\n }\n if (typeof p === 'object') {\n spec.padding = {\n top: p.top ?? defaultTop,\n right: p.right ?? SMALL,\n bottom: p.bottom ?? defaultBottom,\n left: p.left ?? SMALL\n };\n }\n};\n\nconst buildStorylineMarks = (spec: IStorylineSpec) => {\n const lineMark = buildLineMark(spec);\n const blockMarks = (spec.data ?? []).map((block, index) => buildBlockMark(spec, block, index));\n // landscape:连接曲线绘制在所有 block 之上,避免被 image 遮挡\n if (isLandscape(spec)) {\n return [...blockMarks, lineMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // portrait:lineMark 是中轴 rect,作为底层背景先绘制\n if (isPortrait(spec)) {\n return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // dome:先绘制 centerImage(最底层视觉锚点),再绘制贯穿 block 的弧线,最后绘制 block;\n // dome 不绘制 block 之间默认的连接线\n if (isDome(spec)) {\n const centerImageMark = buildDomeCenterImageMark(spec);\n const arcMark = buildDomeArcMark(spec);\n return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // bowl:dome 的上下镜像 —— centerImage 贴顶,弧线 + block 在下方\n if (isBowl(spec)) {\n const centerImageMark = buildBowlCenterImageMark(spec);\n const arcMark = buildBowlArcMark(spec);\n return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // clock:辐射式信息盘 —— 圆环骨架 + 径向分隔线 → centerImage(盘心)→ blocks(楔形 + 外圈文字)\n if (isClock(spec)) {\n const ringsMark = buildClockArcMark(spec);\n const centerImageMark = buildClockCenterImageMark(spec);\n return [ringsMark, ...blockMarks, centerImageMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // wing:椭圆弧脉络 + 弧线上的圆形 image + 左右交替排列的 title/content;\n // 通过 layout.direction 控制翅膀朝向('left' | 'right')\n if (isWing(spec)) {\n const arcMark = buildWingArcMark(spec);\n return [arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n};\n\nconst buildLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n return null;\n }\n if (isLandscape(spec)) {\n return buildLandscapeConnectingCurve(spec);\n }\n if (isPortrait(spec)) {\n return buildPortraitAxisMark(spec);\n }\n return buildDefaultLineMark(spec);\n};\n\nconst buildBlockMark = (spec: IStorylineSpec, block: IStorylineBlock, index: number): IExtensionGroupMarkSpec => {\n if (isLandscape(spec)) {\n return buildLandscapeBlockMark(spec, block, index);\n }\n if (isPortrait(spec)) {\n return buildPortraitBlockMark(spec, block, index);\n }\n if (isDome(spec)) {\n return buildDomeBlockMark(spec, block, index);\n }\n if (isBowl(spec)) {\n return buildBowlBlockMark(spec, block, index);\n }\n if (isClock(spec)) {\n return buildClockBlockMark(spec, block, index);\n }\n if (isWing(spec)) {\n return buildWingBlockMark(spec, block, index);\n }\n\n return buildDefaultBlockMark(spec, block, index);\n};\n"]}
1
+ {"version":3,"sources":["../src/charts/storyline/storyline-transformer.ts"],"names":[],"mappings":"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","file":"storyline-transformer.js","sourcesContent":["import { CommonChartSpecTransformer, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from './interface';\nimport {\n isArc,\n isClock,\n isLadder,\n isLandscape,\n isPortrait,\n isWing,\n normalizeLayout,\n resolveBlockWidth,\n DEFAULT_BLOCK_WIDTH,\n DEFAULT_IMAGE_GAP\n} from './layouts/common';\nimport { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from './layouts/clock';\nimport { buildDefaultBlockMark, buildDefaultLineMark } from './layouts/default';\nimport { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from './layouts/landscape';\nimport { buildPortraitAxisMark, buildPortraitBlockMark } from './layouts/portrait';\nimport { buildArcBlockMark, buildArcCenterImageMark, buildArcMark } from './layouts/arc';\nimport { buildWingArcMark, buildWingBlockMark } from './layouts/wing';\nimport { buildLadderBlockMark, buildLadderDiagonalMark, buildLadderHeadlineMark } from './layouts/ladder';\n\nexport class StorylineChartSpecTransformer extends CommonChartSpecTransformer<any> {\n transformSpec(spec: any): void {\n applyDefaultPadding(spec);\n const storylineSpec = {\n ...spec,\n data: [...(spec.data ?? [])]\n } as IStorylineSpec;\n\n spec.type = 'common' as any;\n spec.data = [];\n spec.series = [];\n spec.axes = [];\n spec.customMark = buildStorylineMarks(storylineSpec);\n delete spec.layout;\n delete spec.title;\n super.transformSpec(spec as any);\n }\n}\n\n/**\n * 图表默认 padding:\n * - arc up(dome 穹顶):centerImage 贴底 + textBox 在弧线上方,所以默认底部留 100px、顶部留 280px 给 textBox + 弧线呼吸空间;\n * - arc down(bowl 碗形):centerImage 贴顶 + textBox 在弧线下方,所以默认顶部留 100px、底部留 280px 给 textBox + 弧线呼吸空间;\n * - portrait:textBox 在 image 下方,最后一个 block 的 content 容易溢出,底部留 160px;\n * - ladder:四周默认留出 content 文本宽度,避免 block 沿对角线\"挤\"到画布边缘;\n * 用户在 spec.padding 中显式指定的值会被保留,仅在缺省时生效。\n */\nconst applyDefaultPadding = (spec: any) => {\n const LARGE = 100;\n const SMALL = 20;\n // 给 textBox(240px)+ 一定呼吸空间,避免内容超出画布\n const TEXT_RESERVE = 280;\n // portrait 最后一个 block 下方的 textBox 大约 60-80px,加 image 半高、间距,预留 160px\n const PORTRAIT_BOTTOM_RESERVE = 160;\n const arc = isArc(spec as IStorylineSpec);\n const arcDown = arc && normalizeLayout((spec as IStorylineSpec).layout).direction === 'down';\n const arcUp = arc && !arcDown;\n const portrait = isPortrait(spec as IStorylineSpec);\n const ladder = isLadder(spec as IStorylineSpec);\n // ladder:\n // - 左右 padding ≈ block content 宽度 × 2(保证两端 block 沿对角线水平有呼吸)\n // - 上下 padding ≈ block 高度 × 3(保证两端 block 沿对角线垂直留出充足画布留白)\n // 由于 transformSpec 阶段还无法获取真实 viewWidth,这里直接用 spec 中的估值\n const ladderHorizontalPadding = (() => {\n if (!ladder) {\n return 0;\n }\n const blockWidth = (spec as IStorylineSpec).block?.minWidth ?? resolveBlockWidth(spec as IStorylineSpec, 0);\n const imageWidth = (spec as IStorylineSpec).image?.width ?? 96; // UP_LADDER_BLOCK_IMAGE_SIZE\n const imageGap = (spec as IStorylineSpec).image?.gap ?? DEFAULT_IMAGE_GAP;\n const innerPadding = 12 * 2; // up-ladder 默认 block padding 12,左右共 24\n const contentWidth = Math.max(blockWidth - imageWidth - imageGap - innerPadding, DEFAULT_BLOCK_WIDTH * 0.5);\n return Math.round(contentWidth * 2);\n })();\n const ladderVerticalPadding = (() => {\n if (!ladder) {\n return 0;\n }\n const blockHeight = (spec as IStorylineSpec).block?.height ?? 132;\n return Math.round(blockHeight * 3);\n })();\n // arc up(dome): 底部贴 centerImage(LARGE),顶部留给 textBox(TEXT_RESERVE)\n // arc down(bowl): 顶部贴 centerImage(LARGE),底部留给 textBox(TEXT_RESERVE)\n // portrait: 底部留给最后一个 block 的 textBox(PORTRAIT_BOTTOM_RESERVE)\n // ladder: 四周均为 content 宽度\n // 其它:保持原默认 [SMALL, SMALL, LARGE, SMALL]\n const defaultTop = ladder ? ladderVerticalPadding : arcDown ? LARGE : arcUp ? TEXT_RESERVE : SMALL;\n const defaultBottom = ladder\n ? ladderVerticalPadding\n : arcDown\n ? TEXT_RESERVE\n : portrait\n ? PORTRAIT_BOTTOM_RESERVE\n : LARGE;\n const defaultLeft = ladder ? ladderHorizontalPadding : SMALL;\n const defaultRight = ladder ? ladderHorizontalPadding : SMALL;\n const p = spec.padding;\n if (p === undefined || p === null) {\n spec.padding = [defaultTop, defaultRight, defaultBottom, defaultLeft];\n return;\n }\n if (typeof p === 'number') {\n spec.padding = [\n Math.max(p, defaultTop),\n Math.max(p, defaultRight),\n Math.max(p, defaultBottom),\n Math.max(p, defaultLeft)\n ];\n return;\n }\n if (Array.isArray(p)) {\n const [t, r = defaultRight, b, l = defaultLeft] = p;\n spec.padding = [t ?? defaultTop, r, b ?? defaultBottom, l];\n return;\n }\n if (typeof p === 'object') {\n spec.padding = {\n top: p.top ?? defaultTop,\n right: p.right ?? defaultRight,\n bottom: p.bottom ?? defaultBottom,\n left: p.left ?? defaultLeft\n };\n }\n};\n\nconst buildStorylineMarks = (spec: IStorylineSpec) => {\n const lineMark = buildLineMark(spec);\n const blockMarks = (spec.data ?? []).map((block, index) => buildBlockMark(spec, block, index));\n // landscape:连接曲线绘制在所有 block 之上,避免被 image 遮挡\n if (isLandscape(spec)) {\n return [...blockMarks, lineMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // portrait:lineMark 是中轴 rect,作为底层背景先绘制\n if (isPortrait(spec)) {\n return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // arc:先绘制 centerImage(最底层视觉锚点),再绘制贯穿 block 的弧线,最后绘制 block;\n // arc 不绘制 block 之间默认的连接线。direction = 'up' 时 centerImage 贴底(穹顶),\n // direction = 'down' 时 centerImage 贴顶(碗形)\n if (isArc(spec)) {\n const centerImageMark = buildArcCenterImageMark(spec);\n const arcMark = buildArcMark(spec);\n return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // clock:辐射式信息盘 —— 圆环骨架 + 径向分隔线 → centerImage(盘心)→ blocks(楔形 + 外圈文字)\n if (isClock(spec)) {\n const ringsMark = buildClockArcMark(spec);\n const centerImageMark = buildClockCenterImageMark(spec);\n return [ringsMark, ...blockMarks, centerImageMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // wing:椭圆弧脉络 + 弧线上的圆形 image + 左右交替排列的 title/content;\n // 通过 layout.direction 控制翅膀朝向('left' | 'right')\n if (isWing(spec)) {\n const arcMark = buildWingArcMark(spec);\n return [arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n // ladder:参考 Bauhaus 信息图 —— 对角线 + 沿对角线倾斜的 headline 大字 + 两侧错落 block\n if (isLadder(spec)) {\n const diagonalMark = buildLadderDiagonalMark(spec);\n const headlineMark = buildLadderHeadlineMark(spec);\n return [diagonalMark, headlineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n }\n return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n};\n\nconst buildLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n return null;\n }\n if (isLandscape(spec)) {\n return buildLandscapeConnectingCurve(spec);\n }\n if (isPortrait(spec)) {\n return buildPortraitAxisMark(spec);\n }\n return buildDefaultLineMark(spec);\n};\n\nconst buildBlockMark = (spec: IStorylineSpec, block: IStorylineBlock, index: number): IExtensionGroupMarkSpec => {\n if (isLandscape(spec)) {\n return buildLandscapeBlockMark(spec, block, index);\n }\n if (isPortrait(spec)) {\n return buildPortraitBlockMark(spec, block, index);\n }\n if (isArc(spec)) {\n return buildArcBlockMark(spec, block, index);\n }\n if (isClock(spec)) {\n return buildClockBlockMark(spec, block, index);\n }\n if (isWing(spec)) {\n return buildWingBlockMark(spec, block, index);\n }\n if (isLadder(spec)) {\n return buildLadderBlockMark(spec, block, index);\n }\n\n return buildDefaultBlockMark(spec, block, index);\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visactor/vchart-extension",
3
- "version": "2.1.0-alpha.16",
3
+ "version": "2.1.0-alpha.17",
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.16",
24
+ "@visactor/vchart": "2.1.0-alpha.17",
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 buildBowlArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
4
- export declare const buildBowlCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
- export declare const buildBowlBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
@@ -1,285 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.buildBowlBlockMark = exports.buildBowlCenterImageMark = exports.buildBowlArcMark = void 0;
6
-
7
- const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), BOWL_BLOCK_IMAGE_SIZE = 140, BOWL_TEXT_GAP_FROM_IMAGE = 10, BOWL_TITLE_LINE_HEIGHT = 19, BOWL_CONTENT_LINE_HEIGHT = 17, BOWL_CONTENT_FONT_SIZE = 12, BOWL_TEXT_BOX_HEIGHT = 300, BOWL_TITLE_TO_CONTENT_GAP = 4, BOWL_TEXT_LEFT_PADDING = 20, BOWL_CENTER_IMAGE_SIZE_RATIO = .4, BOWL_ARC_BOTTOM_GAP_FROM_CENTER_IMAGE = 300, getBowlCenterImageRect = (spec, ctx) => {
8
- var _a, _b, _c, _e, _f;
9
- const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0,
10
- common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerWidth = Math.max(width - padding.left - padding.right, 1), innerHeight = Math.max(height - padding.top - padding.bottom, 1), baseSize = .4 * Math.min(innerWidth, innerHeight), w = Math.max(null !== (_c = null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.width) && void 0 !== _c ? _c : baseSize, 80), h = Math.max(null !== (_f = null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.height) && void 0 !== _f ? _f : baseSize, 80);
11
- return {
12
- x: startX + padding.left + innerWidth / 2 - w / 2,
13
- y: startY + padding.top,
14
- width: w,
15
- height: h
16
- };
17
- }, getBowlArcGeometry = (spec, ctx) => {
18
- var _a, _b, _c, _e;
19
- const {width: width, startX: startX} = (0, common_1.getRegionGeometry)(ctx), blockPadding = (0,
20
- common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1), blockWidth = (0,
21
- common_1.resolveBlockWidth)(spec, width), layoutOpt = (0, common_1.normalizeLayout)(spec.layout), startAngle = null !== (_b = layoutOpt.startAngle) && void 0 !== _b ? _b : 20, endAngle = null !== (_c = layoutOpt.endAngle) && void 0 !== _c ? _c : 160, ratio = null !== (_e = layoutOpt.radiusRatio) && void 0 !== _e ? _e : .88, rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio, centerRect = getBowlCenterImageRect(spec, ctx), centerTop = centerRect.y, centerBottom = centerRect.y + centerRect.height, sinStart = Math.sin(startAngle / 180 * Math.PI), denom = Math.max(1 - sinStart, .05), ry = (centerRect.height + 300) / denom, cy = centerTop - ry * sinStart;
22
- return {
23
- cx: startX + blockPadding.left + innerWidth / 2,
24
- cy: cy,
25
- rx: rx,
26
- ry: ry,
27
- startAngle: startAngle,
28
- endAngle: endAngle,
29
- centerTop: centerTop,
30
- centerBottom: centerBottom
31
- };
32
- }, getBowlBlockCenter = (spec, ctx, index) => {
33
- var _a, _b, _c, _e;
34
- const arc = getBowlArcGeometry(spec, ctx), count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
35
- if (count <= 0) return {
36
- x: arc.cx,
37
- y: arc.cy
38
- };
39
- const t = 1 === count ? .5 : index / (count - 1), angle = (arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180 * Math.PI, px = arc.cx + Math.cos(angle) * arc.rx, py = arc.cy + Math.sin(angle) * arc.ry, nxRaw = Math.cos(angle) / arc.rx, nyRaw = Math.sin(angle) / arc.ry, nLen = Math.hypot(nxRaw, nyRaw) || 1, nx = nxRaw / nLen, ny = nyRaw / nLen, offset = (null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : 140) / 2;
40
- return {
41
- x: px + nx * offset,
42
- y: py + ny * offset
43
- };
44
- }, buildBowlArcMark = spec => {
45
- var _a;
46
- if (!0 !== (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible)) return null;
47
- const themeColor = (0, common_1.getThemeColor)(spec);
48
- return {
49
- type: "group",
50
- name: "storyline-bowl-arc",
51
- zIndex: vchart_1.LayoutZIndex.Mark,
52
- children: [ {
53
- type: "path",
54
- name: "storyline-bowl-arc-path",
55
- interactive: !1,
56
- style: {
57
- stroke: themeColor,
58
- lineWidth: 2,
59
- lineCap: "round",
60
- fill: "transparent",
61
- fillOpacity: 0,
62
- path: (_d, ctx) => {
63
- const arc = getBowlArcGeometry(spec, ctx), span = arc.endAngle - arc.startAngle, segments = [];
64
- for (let i = 0; i <= 64; i++) {
65
- const t = i / 64, angle = (arc.startAngle + span * t) / 180 * Math.PI, x = arc.cx + Math.cos(angle) * arc.rx, y = arc.cy + Math.sin(angle) * arc.ry;
66
- segments.push(`${0 === i ? "M" : "L"} ${x.toFixed(2)} ${y.toFixed(2)}`);
67
- }
68
- return segments.join(" ");
69
- }
70
- }
71
- } ]
72
- };
73
- };
74
-
75
- exports.buildBowlArcMark = buildBowlArcMark;
76
-
77
- const buildBowlCenterImageMark = spec => {
78
- var _a, _b, _c, _e;
79
- if (!(!1 !== (null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.visible))) return null;
80
- const themeColor = (0, common_1.getThemeColor)(spec), hasImage = !!(null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.image), symbolGradient = {
81
- gradient: "linear",
82
- x0: .5,
83
- y0: 0,
84
- x1: .5,
85
- y1: 1,
86
- stops: [ {
87
- offset: 0,
88
- color: (0, common_1.withAlpha)(themeColor, .15)
89
- }, {
90
- offset: 1,
91
- color: themeColor
92
- } ]
93
- };
94
- return {
95
- type: "group",
96
- name: "storyline-bowl-center",
97
- zIndex: vchart_1.LayoutZIndex.Mark,
98
- children: [ {
99
- type: "symbol",
100
- name: "storyline-bowl-center-symbol",
101
- interactive: !1,
102
- style: {
103
- x: (_d, ctx) => {
104
- const r = getBowlCenterImageRect(spec, ctx);
105
- return r.x + r.width / 2;
106
- },
107
- y: (_d, ctx) => {
108
- const r = getBowlCenterImageRect(spec, ctx);
109
- return r.y + r.height / 2;
110
- },
111
- size: (_d, ctx) => {
112
- const r = getBowlCenterImageRect(spec, ctx);
113
- return 1.1 * Math.max(r.width, r.height);
114
- },
115
- symbolType: "circle",
116
- fill: symbolGradient,
117
- stroke: themeColor,
118
- lineWidth: 2
119
- }
120
- }, hasImage ? Object.assign(Object.assign({
121
- type: "image",
122
- name: "storyline-bowl-center-image",
123
- interactive: !1
124
- }, spec.centerImage), {
125
- style: Object.assign({
126
- x: (_d, ctx) => getBowlCenterImageRect(spec, ctx).x,
127
- y: (_d, ctx) => getBowlCenterImageRect(spec, ctx).y,
128
- width: (_d, ctx) => getBowlCenterImageRect(spec, ctx).width,
129
- height: (_d, ctx) => getBowlCenterImageRect(spec, ctx).height,
130
- image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
131
- cornerRadius: 12,
132
- repeatX: "no-repeat",
133
- repeatY: "no-repeat",
134
- imagePosition: "center",
135
- anchor: (_d, ctx) => {
136
- const r = getBowlCenterImageRect(spec, ctx);
137
- return [ r.x + r.width / 2, r.y + r.height / 2 ];
138
- },
139
- dx: (_d, ctx) => {
140
- var _a, _b;
141
- const r = getBowlCenterImageRect(spec, ctx), userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width, w = "number" == typeof userWidth ? userWidth : r.width;
142
- return (r.width - w) / 2;
143
- },
144
- dy: (_d, ctx) => {
145
- var _a, _b;
146
- const r = getBowlCenterImageRect(spec, ctx), userHeight = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height, h = "number" == typeof userHeight ? userHeight : r.height;
147
- return (r.height - h) / 2;
148
- }
149
- }, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
150
- }) : null ].filter(Boolean)
151
- };
152
- };
153
-
154
- exports.buildBowlCenterImageMark = buildBowlCenterImageMark;
155
-
156
- const getBowlBlockMetrics = spec => {
157
- var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
158
- const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 14), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 17), contentHeight = Math.max(300 - titleLineHeight - 4, contentLineHeight), imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 140, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 140, imageBox = {
159
- x: -imageWidth / 2,
160
- y: -imageHeight / 2,
161
- width: imageWidth,
162
- height: imageHeight
163
- }, textBox = {
164
- x: -imageWidth / 2 + 20,
165
- y: imageBox.y + imageHeight + 10,
166
- width: imageWidth - 20,
167
- height: 300
168
- };
169
- return {
170
- titleFontSize: titleFontSize,
171
- titleLineHeight: titleLineHeight,
172
- contentFontSize: contentFontSize,
173
- contentLineHeight: contentLineHeight,
174
- imageBox: imageBox,
175
- textBox: textBox,
176
- contentBox: {
177
- x: textBox.x,
178
- y: textBox.y + titleLineHeight + 4,
179
- width: textBox.width,
180
- height: contentHeight
181
- }
182
- };
183
- }, buildBowlBlockMark = (spec, block, index) => {
184
- var _a, _b, _c, _e;
185
- const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], themeColor = (0,
186
- common_1.getThemeColor)(spec), metrics = getBowlBlockMetrics(spec);
187
- return {
188
- type: "group",
189
- id: `storyline-block-${null !== (_a = block.id) && void 0 !== _a ? _a : index}`,
190
- name: `storyline-block-${index}`,
191
- zIndex: vchart_1.LayoutZIndex.Mark + 1,
192
- style: {
193
- x: (_d, ctx) => getBowlBlockCenter(spec, ctx, index).x,
194
- y: (_d, ctx) => getBowlBlockCenter(spec, ctx, index).y
195
- },
196
- children: [ {
197
- type: "rect",
198
- name: `storyline-block-connector-${index}`,
199
- interactive: !1,
200
- style: {
201
- x: metrics.imageBox.x,
202
- y: metrics.imageBox.y + metrics.imageBox.height,
203
- width: 2,
204
- height: Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0),
205
- fill: themeColor,
206
- fillOpacity: .6
207
- }
208
- }, hasImage ? Object.assign(Object.assign({
209
- type: "image",
210
- name: `storyline-block-image-${index}`,
211
- interactive: !1
212
- }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
213
- style: Object.assign({
214
- x: metrics.imageBox.x,
215
- y: metrics.imageBox.y,
216
- width: metrics.imageBox.width,
217
- height: metrics.imageBox.height,
218
- image: block.image,
219
- cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
220
- repeatX: "no-repeat",
221
- repeatY: "no-repeat",
222
- imageMode: "cover",
223
- imagePosition: "center",
224
- stroke: themeColor,
225
- lineWidth: 2
226
- }, null === (_b = spec.image) || void 0 === _b ? void 0 : _b.style)
227
- }) : {
228
- type: "rect",
229
- name: `storyline-block-image-bg-${index}`,
230
- interactive: !1,
231
- style: {
232
- x: metrics.imageBox.x,
233
- y: metrics.imageBox.y,
234
- width: metrics.imageBox.width,
235
- height: metrics.imageBox.height,
236
- cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
237
- fill: "#ffffff",
238
- stroke: themeColor,
239
- lineWidth: 2
240
- }
241
- }, block.title ? Object.assign(Object.assign({
242
- type: "text",
243
- name: `storyline-block-title-${index}`,
244
- interactive: !1
245
- }, spec.title), {
246
- style: Object.assign({
247
- x: metrics.textBox.x,
248
- y: metrics.textBox.y,
249
- text: block.title,
250
- maxLineWidth: metrics.textBox.width,
251
- fontSize: metrics.titleFontSize,
252
- lineHeight: metrics.titleLineHeight,
253
- fontWeight: "bold",
254
- fill: "#1f2430",
255
- textAlign: "left",
256
- textBaseline: "top"
257
- }, null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style)
258
- }) : null, contentText.length ? Object.assign(Object.assign({
259
- type: "text",
260
- name: `storyline-block-content-${index}`,
261
- interactive: !1
262
- }, spec.content), {
263
- textType: "rich",
264
- style: Object.assign({
265
- x: metrics.contentBox.x,
266
- y: metrics.contentBox.y,
267
- width: metrics.contentBox.width,
268
- height: metrics.contentBox.height,
269
- maxLineWidth: metrics.contentBox.width,
270
- heightLimit: metrics.contentBox.height,
271
- text: (0, common_1.buildRichContent)(contentText, spec),
272
- fontSize: 12,
273
- lineHeight: 17,
274
- textAlign: "left",
275
- textBaseline: "top",
276
- wordBreak: "break-word",
277
- ellipsis: "...",
278
- fill: "#596173"
279
- }, null === (_e = spec.content) || void 0 === _e ? void 0 : _e.style)
280
- }) : null ].filter(Boolean)
281
- };
282
- };
283
-
284
- exports.buildBowlBlockMark = buildBowlBlockMark;
285
- //# sourceMappingURL=bowl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/bowl.ts"],"names":[],"mappings":"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","file":"bowl.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n buildRichContent,\n getRegionGeometry,\n getThemeColor,\n normalizeLayout,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth,\n withAlpha\n} from './common';\n\n// bowl 布局:dome 的上下镜像\n// - centerImage 贴顶(dome 是贴底)\n// - 弧线在 centerImage 下方(dome 在上方)\n// - block 沿弧线分布、image + title/content 位于弧线外侧(弧线下方)\n// - title/content 位于 image 下方(dome 是上方)\n// image 默认为圆形,BOWL_BLOCK_IMAGE_SIZE 即圆的直径\nconst BOWL_BLOCK_IMAGE_SIZE = 140;\nconst BOWL_TEXT_GAP_FROM_IMAGE = 10;\nconst BOWL_TITLE_LINE_HEIGHT = 19;\nconst BOWL_CONTENT_LINE_HEIGHT = 17;\nconst BOWL_CONTENT_FONT_SIZE = 12;\n// title + content 区域总高度(默认 300px,溢出由富文本 heightLimit + ellipsis 自动截断)\nconst BOWL_TEXT_BOX_HEIGHT = 300;\nconst BOWL_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst BOWL_TEXT_LEFT_PADDING = 20;\n// centerImage 边长相对 inner 短边的比例(强制正方形,避免 cover 模式裁切图片)\nconst BOWL_CENTER_IMAGE_SIZE_RATIO = 0.4;\n// 弧线最低点(视觉上的底点)距离 centerImage 底部的距离\nconst BOWL_ARC_BOTTOM_GAP_FROM_CENTER_IMAGE = 300;\n\n/**\n * 计算 bowl 布局 centerImage 的 box:水平居中、垂直贴顶(位于 inner 区域顶部)。\n */\nconst getBowlCenterImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n const padding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - padding.left - padding.right, 1);\n const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n // 取 inner 短边作为基准,使 rect 始终为正方形(cover 模式下不会裁切方形图片)\n const baseSize = Math.min(innerWidth, innerHeight) * BOWL_CENTER_IMAGE_SIZE_RATIO;\n const w = Math.max(spec.centerImage?.width ?? baseSize, 80);\n const h = Math.max(spec.centerImage?.height ?? baseSize, 80);\n const cx = startX + padding.left + innerWidth / 2;\n // 紧贴顶部,仅保留 spec.block.padding.top 的留白\n const top = startY + padding.top;\n return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 bowl 弧线的几何参数:\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致;\n * - cy 与 ry 由两条对齐约束反推:\n * 1) 弧线起/终点 y == centerImage 顶部\n * 2) 弧线最低点 y == centerImage 底部 + BOWL_ARC_BOTTOM_GAP_FROM_CENTER_IMAGE\n *\n * bowl 的 startAngle = 20°、endAngle = 160°(弧线在 centerImage 下方)。\n * 解方程:\n * cy + ry * sin(startAngle) = centerImageTop\n * cy + ry = centerImageBottom + GAP\n * → ry = (GAP + centerImageHeight) / (1 - sin(startAngle))\n * cy = centerImageTop - ry * sin(startAngle)\n */\nconst getBowlArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, startX } = getRegionGeometry(ctx);\n const blockPadding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1);\n const blockWidth = resolveBlockWidth(spec, width);\n const layoutOpt = normalizeLayout(spec.layout);\n // bowl 默认弧线起止角与 layout.ts 中一致\n const startAngle = layoutOpt.startAngle ?? 20;\n const endAngle = layoutOpt.endAngle ?? 160;\n const ratio = layoutOpt.radiusRatio ?? 0.88;\n const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n const centerRect = getBowlCenterImageRect(spec, ctx);\n const centerTop = centerRect.y;\n const centerBottom = centerRect.y + centerRect.height;\n const sinStart = Math.sin((startAngle / 180) * Math.PI);\n // sinStart 接近 1 时 ry → ∞;这里限制下界以防 startAngle 配置异常\n const denom = Math.max(1 - sinStart, 0.05);\n const ry = (centerRect.height + BOWL_ARC_BOTTOM_GAP_FROM_CENTER_IMAGE) / denom;\n const cy = centerTop - ry * sinStart;\n return {\n cx: startX + blockPadding.left + innerWidth / 2,\n cy,\n rx,\n ry,\n startAngle,\n endAngle,\n centerTop,\n centerBottom\n };\n};\n\n/**\n * 在 bowl 弧线上按 index 采样 block 中心,与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2,\n * 使 image 内边贴在弧线上,image + text 整体位于弧线外侧(下方)。\n */\nconst getBowlBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n const arc = getBowlArcGeometry(spec, ctx);\n const count = spec.data?.length ?? 0;\n if (count <= 0) {\n return { x: arc.cx, y: arc.cy };\n }\n const t = count === 1 ? 0.5 : index / (count - 1);\n const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n const px = arc.cx + Math.cos(angle) * arc.rx;\n const py = arc.cy + Math.sin(angle) * arc.ry;\n // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n const nxRaw = Math.cos(angle) / arc.rx;\n const nyRaw = Math.sin(angle) / arc.ry;\n const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n const nx = nxRaw / nLen;\n const ny = nyRaw / nLen;\n const imageHeight = spec.image?.height ?? BOWL_BLOCK_IMAGE_SIZE;\n const offset = imageHeight / 2;\n return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的弧线 mark(path 通过沿椭圆采样实现)\n * 默认不展示,仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildBowlArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible !== true) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-bowl-arc',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'path',\n name: 'storyline-bowl-arc-path',\n interactive: false,\n style: {\n stroke: themeColor,\n lineWidth: 2,\n lineCap: 'round',\n fill: 'transparent',\n fillOpacity: 0,\n path: (_d: unknown, ctx: LayoutContext) => {\n const arc = getBowlArcGeometry(spec, ctx);\n const span = arc.endAngle - arc.startAngle;\n const samples = 64;\n const segments: string[] = [];\n for (let i = 0; i <= samples; i++) {\n const t = i / samples;\n const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n const x = arc.cx + Math.cos(angle) * arc.rx;\n const y = arc.cy + Math.sin(angle) * arc.ry;\n segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n }\n return segments.join(' ');\n }\n }\n } as ICustomMarkSpec<'path'>\n ]\n };\n};\n\nexport const buildBowlCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const visible = spec.centerImage?.visible !== false;\n if (!visible) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n const hasImage = !!spec.centerImage?.image;\n // 主题色生成的线性渐变(顶部偏淡 → 底部主题色),作为 centerImage 位置的 symbol 填充\n const symbolGradient = {\n gradient: 'linear',\n x0: 0.5,\n y0: 0,\n x1: 0.5,\n y1: 1,\n stops: [\n { offset: 0, color: withAlpha(themeColor, 0.15) },\n { offset: 1, color: themeColor }\n ]\n };\n return {\n type: 'group' as any,\n name: 'storyline-bowl-center',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'symbol',\n name: 'storyline-bowl-center-symbol',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n return r.x + r.width / 2;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n return r.y + r.height / 2;\n },\n size: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n return Math.max(r.width, r.height) * 1.1;\n },\n symbolType: 'circle',\n fill: symbolGradient,\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'symbol'>,\n hasImage\n ? ({\n type: 'image',\n name: 'storyline-bowl-center-image',\n interactive: false,\n ...spec.centerImage,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getBowlCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getBowlCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getBowlCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getBowlCenterImageRect(spec, ctx).height,\n image: spec.centerImage?.image,\n cornerRadius: 12,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imagePosition: 'center',\n // 默认锚点设为 image 中心,让 scaleX/scaleY 从中心缩放\n anchor: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n return [r.x + r.width / 2, r.y + r.height / 2];\n },\n // 若用户在 style 里覆盖了 width/height,自动追加 dx/dy 让图片仍以 rect 中心为中心\n dx: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n const w = typeof userWidth === 'number' ? userWidth : r.width;\n return (r.width - w) / 2;\n },\n dy: (_d: unknown, ctx: LayoutContext) => {\n const r = getBowlCenterImageRect(spec, ctx);\n const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n const h = typeof userHeight === 'number' ? userHeight : r.height;\n return (r.height - h) / 2;\n },\n ...spec.centerImage?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst getBowlBlockMetrics = (spec: IStorylineSpec) => {\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(BOWL_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? BOWL_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? BOWL_CONTENT_LINE_HEIGHT);\n const titleToContentGap = BOWL_TITLE_TO_CONTENT_GAP;\n const textHeight = BOWL_TEXT_BOX_HEIGHT;\n const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n const imageWidth = spec.image?.width ?? BOWL_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? BOWL_BLOCK_IMAGE_SIZE;\n\n // image 位于 block 中心,title/content 在 image 下方(与 dome 上下对称)\n const imageBox = {\n x: -imageWidth / 2,\n y: -imageHeight / 2,\n width: imageWidth,\n height: imageHeight\n };\n const textBox = {\n x: -imageWidth / 2 + BOWL_TEXT_LEFT_PADDING,\n y: imageBox.y + imageHeight + BOWL_TEXT_GAP_FROM_IMAGE,\n width: imageWidth - BOWL_TEXT_LEFT_PADDING,\n height: textHeight\n };\n const contentBox = {\n x: textBox.x,\n y: textBox.y + titleLineHeight + titleToContentGap,\n width: textBox.width,\n height: contentHeight\n };\n return {\n titleFontSize,\n titleLineHeight,\n contentFontSize,\n contentLineHeight,\n imageBox,\n textBox,\n contentBox\n };\n};\n\nexport const buildBowlBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const themeColor = getThemeColor(spec);\n const metrics = getBowlBlockMetrics(spec);\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getBowlBlockCenter(spec, ctx, index).x,\n y: (_d: unknown, ctx: LayoutContext) => getBowlBlockCenter(spec, ctx, index).y\n },\n children: [\n // title / content 左侧的垂直引导线(贯穿 image 底部 → text 底部,与文字保持 padding)\n {\n type: 'rect',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y + metrics.imageBox.height,\n width: 2,\n height: Math.max(\n metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height),\n 0\n ),\n fill: themeColor,\n fillOpacity: 0.6\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n image: block.image,\n // 圆形裁剪:cornerRadius = min(w,h) / 2\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n stroke: themeColor,\n lineWidth: 2,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : ({\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'rect'>),\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: metrics.textBox.x,\n y: metrics.textBox.y,\n text: block.title,\n maxLineWidth: metrics.textBox.width,\n fontSize: metrics.titleFontSize,\n lineHeight: metrics.titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: metrics.contentBox.x,\n y: metrics.contentBox.y,\n width: metrics.contentBox.width,\n height: metrics.contentBox.height,\n maxLineWidth: metrics.contentBox.width,\n heightLimit: metrics.contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: BOWL_CONTENT_FONT_SIZE,\n lineHeight: BOWL_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,5 +0,0 @@
1
- import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildDomeArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
4
- export declare const buildDomeCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
- export declare const buildDomeBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/charts/storyline/layouts/dome.ts"],"names":[],"mappings":"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","file":"dome.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n buildRichContent,\n getRegionGeometry,\n getThemeColor,\n normalizeLayout,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth,\n withAlpha\n} from './common';\n\n// dome 布局:弧形排列 + 底部 centerImage\n// image 默认为圆形,DOME_BLOCK_IMAGE_SIZE 即圆的直径\nconst DOME_BLOCK_IMAGE_SIZE = 140;\nconst DOME_TEXT_GAP_FROM_IMAGE = 10;\nconst DOME_TITLE_LINE_HEIGHT = 19;\nconst DOME_CONTENT_LINE_HEIGHT = 17;\nconst DOME_CONTENT_FONT_SIZE = 12;\n// title + content 区域总高度(默认 400px,溢出由富文本 heightLimit + ellipsis 自动截断)\nconst DOME_TEXT_BOX_HEIGHT = 300;\nconst DOME_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst DOME_TEXT_LEFT_PADDING = 20;\n// centerImage 边长相对 inner 短边的比例(强制正方形,避免 cover 模式裁切图片)\nconst DOME_CENTER_IMAGE_SIZE_RATIO = 0.4;\n// 弧线最高点(视觉上的顶点)距离 centerImage 顶部的距离\nconst DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE = 300;\n\n/**\n * 计算 dome 布局 centerImage 的 box:水平居中、垂直贴底(位于 inner 区域底部)。\n */\nconst getDomeCenterImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n const padding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - padding.left - padding.right, 1);\n const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n // 取 inner 短边作为基准,使 rect 始终为正方形(cover 模式下不会裁切方形图片)\n const baseSize = Math.min(innerWidth, innerHeight) * DOME_CENTER_IMAGE_SIZE_RATIO;\n const w = Math.max(spec.centerImage?.width ?? baseSize, 80);\n const h = Math.max(spec.centerImage?.height ?? baseSize, 80);\n const cx = startX + padding.left + innerWidth / 2;\n // 紧贴底部,仅保留 spec.block.padding.bottom 的留白\n const top = startY + padding.top + innerHeight - h;\n return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 dome 弧线的几何参数:\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致;\n * - cy 与 ry 由两条对齐约束反推:\n * 1) 弧线起/终点 y == centerImage 底部\n * 2) 弧线最高点 y == centerImage 顶部 - DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE\n *\n * 解方程:\n * cy + ry * sin(startAngle) = centerImageBottom\n * cy - ry = centerImageTop - GAP\n * → ry = (centerImageHeight + GAP) / (1 + sin(startAngle))\n * cy = centerImageBottom - ry * sin(startAngle)\n *\n * 仅当 sin(startAngle) ∈ [-1, 0) 时(即 startAngle 在 (180°, 360°) 区间,碗形),\n * 该方程组有合理正解。\n */\nconst getDomeArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, startX } = getRegionGeometry(ctx);\n const blockPadding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1);\n const blockWidth = resolveBlockWidth(spec, width);\n const layoutOpt = normalizeLayout(spec.layout);\n const startAngle = layoutOpt.startAngle ?? 200;\n const endAngle = layoutOpt.endAngle ?? 340;\n const ratio = layoutOpt.radiusRatio ?? 0.88;\n const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n const centerRect = getDomeCenterImageRect(spec, ctx);\n const centerTop = centerRect.y;\n const centerBottom = centerRect.y + centerRect.height;\n const sinStart = Math.sin((startAngle / 180) * Math.PI);\n // sinStart 接近 -1 时 ry → ∞;这里限制下界以防 startAngle 配置异常\n const denom = Math.max(1 + sinStart, 0.05);\n const ry = (centerRect.height + DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE) / denom;\n const cy = centerBottom - ry * sinStart;\n return {\n cx: startX + blockPadding.left + innerWidth / 2,\n cy,\n rx,\n ry,\n startAngle,\n endAngle,\n // 调试/对齐用:上下两个对齐参考点\n centerTop,\n centerBottom\n };\n};\n\n/**\n * 在 do me 新弧线上按 index 采样 block 中心,与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2,\n * 使 image 内边贴在弧线上,image + text 整体位于弧线外侧。\n */\nconst getDomeBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n const arc = getDomeArcGeometry(spec, ctx);\n const count = spec.data?.length ?? 0;\n if (count <= 0) {\n return { x: arc.cx, y: arc.cy };\n }\n const t = count === 1 ? 0.5 : index / (count - 1);\n const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n const px = arc.cx + Math.cos(angle) * arc.rx;\n const py = arc.cy + Math.sin(angle) * arc.ry;\n // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n const nxRaw = Math.cos(angle) / arc.rx;\n const nyRaw = Math.sin(angle) / arc.ry;\n const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n const nx = nxRaw / nLen;\n const ny = nyRaw / nLen;\n const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n const offset = imageHeight / 2;\n return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的半圆弧线 mark(path 通过沿椭圆采样实现,\n * 与 dome block 的弧形布局完全重合)\n *\n * 默认不展示,仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildDomeArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible !== true) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-dome-arc',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'path',\n name: 'storyline-dome-arc-path',\n interactive: false,\n style: {\n stroke: themeColor,\n lineWidth: 2,\n lineCap: 'round',\n fill: 'transparent',\n fillOpacity: 0,\n path: (_d: unknown, ctx: LayoutContext) => {\n const arc = getDomeArcGeometry(spec, ctx);\n const span = arc.endAngle - arc.startAngle;\n const samples = 64;\n const segments: string[] = [];\n for (let i = 0; i <= samples; i++) {\n const t = i / samples;\n const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n const x = arc.cx + Math.cos(angle) * arc.rx;\n const y = arc.cy + Math.sin(angle) * arc.ry;\n segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n }\n return segments.join(' ');\n }\n }\n } as ICustomMarkSpec<'path'>\n ]\n };\n};\n\nexport const buildDomeCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const visible = spec.centerImage?.visible !== false;\n if (!visible) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n const hasImage = !!spec.centerImage?.image;\n // 主题色生成的线性渐变(顶部偏淡 → 底部主题色),作为 centerImage 位置的 symbol 填充\n const symbolGradient = {\n gradient: 'linear',\n x0: 0.5,\n y0: 0,\n x1: 0.5,\n y1: 1,\n stops: [\n { offset: 0, color: withAlpha(themeColor, 0.15) },\n { offset: 1, color: themeColor }\n ]\n };\n return {\n type: 'group' as any,\n name: 'storyline-dome-center',\n zIndex: LayoutZIndex.Mark,\n children: [\n // 默认 symbol:位于 centerImage 的位置,外径略大于 centerImage(填充渐变作为视觉底盘)\n {\n type: 'symbol',\n name: 'storyline-dome-center-symbol',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return r.x + r.width / 2;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return r.y + r.height / 2;\n },\n size: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n // symbol 直径略大于 centerImage 较短边,形成\"圆形底盘\"\n return Math.max(r.width, r.height) * 1.1;\n },\n symbolType: 'circle',\n fill: symbolGradient,\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'symbol'>,\n {\n type: 'rect',\n name: 'storyline-dome-center-rect',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n cornerRadius: 12,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: 'storyline-dome-center-image',\n interactive: false,\n ...spec.centerImage,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n image: spec.centerImage?.image,\n cornerRadius: 12,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n // 默认锚点设为 image 中心,让 scaleX/scaleY 从中心缩放\n anchor: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return [r.x + r.width / 2, r.y + r.height / 2];\n },\n // 若用户在 style 里覆盖了 width/height,自动追加 dx/dy 让图片仍以 rect 中心为中心\n dx: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n const w = typeof userWidth === 'number' ? userWidth : r.width;\n return (r.width - w) / 2;\n },\n dy: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n const h = typeof userHeight === 'number' ? userHeight : r.height;\n return (r.height - h) / 2;\n },\n ...spec.centerImage?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst getDomeBlockMetrics = (spec: IStorylineSpec) => {\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(DOME_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? DOME_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? DOME_CONTENT_LINE_HEIGHT);\n const titleToContentGap = DOME_TITLE_TO_CONTENT_GAP;\n // text 区域总高度固定为 DOME_TEXT_BOX_HEIGHT,content 占除 title 与间距外的全部高度\n const textHeight = DOME_TEXT_BOX_HEIGHT;\n const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n const imageWidth = spec.image?.width ?? DOME_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n\n // image 位于 block 中心下半部分,title/content 在 image 上方\n const imageBox = {\n x: -imageWidth / 2,\n y: -imageHeight / 2,\n width: imageWidth,\n height: imageHeight\n };\n const textBox = {\n x: -imageWidth / 2 + DOME_TEXT_LEFT_PADDING,\n y: imageBox.y - DOME_TEXT_GAP_FROM_IMAGE - textHeight,\n width: imageWidth - DOME_TEXT_LEFT_PADDING,\n height: textHeight\n };\n const contentBox = {\n x: textBox.x,\n y: textBox.y + titleLineHeight + titleToContentGap,\n width: textBox.width,\n height: contentHeight\n };\n return {\n titleFontSize,\n titleLineHeight,\n contentFontSize,\n contentLineHeight,\n imageBox,\n textBox,\n contentBox\n };\n};\n\nexport const buildDomeBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const themeColor = getThemeColor(spec);\n const metrics = getDomeBlockMetrics(spec);\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getDomeBlockCenter(spec, ctx, index).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeBlockCenter(spec, ctx, index).y\n },\n children: [\n // title / content 左侧的垂直引导线(贯穿 text + image 顶部,与文字保持 padding)\n {\n type: 'rect',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.textBox.y,\n width: 2,\n height: Math.max(metrics.imageBox.y - metrics.textBox.y, 0),\n fill: themeColor,\n fillOpacity: 0.6\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n image: block.image,\n // 圆形裁剪:cornerRadius = min(w,h) / 2\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n stroke: themeColor,\n lineWidth: 2,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : ({\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'rect'>),\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: metrics.textBox.x,\n y: metrics.textBox.y,\n text: block.title,\n maxLineWidth: metrics.textBox.width,\n fontSize: metrics.titleFontSize,\n lineHeight: metrics.titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: metrics.contentBox.x,\n y: metrics.contentBox.y,\n width: metrics.contentBox.width,\n height: metrics.contentBox.height,\n maxLineWidth: metrics.contentBox.width,\n heightLimit: metrics.contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: DOME_CONTENT_FONT_SIZE,\n lineHeight: DOME_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
@@ -1,5 +0,0 @@
1
- import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
2
- import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
- export declare const buildBowlArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
4
- export declare const buildBowlCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
- export declare const buildBowlBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;