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

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 +2151 -0
  2. package/build/index.min.js +2 -2
  3. package/cjs/charts/axis-3d/index.js +2 -1
  4. package/cjs/charts/axis-3d/linear-axis.js +1 -2
  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 +1 -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 -2
  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 +1 -1
  24. package/cjs/charts/conversion-funnel/constants.js +1 -1
  25. package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
  26. package/cjs/charts/conversion-funnel/conversion-funnel.js +1 -1
  27. package/cjs/charts/conversion-funnel/index.js +1 -1
  28. package/cjs/charts/conversion-funnel/interface.js +1 -1
  29. package/cjs/charts/conversion-funnel/util.js +1 -1
  30. package/cjs/charts/funnel-3d/chart.js +1 -2
  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/charts/storyline/index.d.ts +4 -0
  40. package/cjs/charts/storyline/index.js +22 -0
  41. package/cjs/charts/storyline/index.js.map +1 -0
  42. package/cjs/charts/storyline/interface.d.ts +67 -0
  43. package/cjs/charts/storyline/interface.js +6 -0
  44. package/cjs/charts/storyline/interface.js.map +1 -0
  45. package/cjs/charts/storyline/layout.d.ts +53 -0
  46. package/cjs/charts/storyline/layout.js +208 -0
  47. package/cjs/charts/storyline/layout.js.map +1 -0
  48. package/cjs/charts/storyline/layouts/arc.d.ts +5 -0
  49. package/cjs/charts/storyline/layouts/arc.js +295 -0
  50. package/cjs/charts/storyline/layouts/arc.js.map +1 -0
  51. package/cjs/charts/storyline/layouts/clock.d.ts +5 -0
  52. package/cjs/charts/storyline/layouts/clock.js +246 -0
  53. package/cjs/charts/storyline/layouts/clock.js.map +1 -0
  54. package/cjs/charts/storyline/layouts/common.d.ts +89 -0
  55. package/cjs/charts/storyline/layouts/common.js +291 -0
  56. package/cjs/charts/storyline/layouts/common.js.map +1 -0
  57. package/cjs/charts/storyline/layouts/default.d.ts +4 -0
  58. package/cjs/charts/storyline/layouts/default.js +181 -0
  59. package/cjs/charts/storyline/layouts/default.js.map +1 -0
  60. package/cjs/charts/storyline/layouts/ladder.d.ts +5 -0
  61. package/cjs/charts/storyline/layouts/ladder.js +205 -0
  62. package/cjs/charts/storyline/layouts/ladder.js.map +1 -0
  63. package/cjs/charts/storyline/layouts/landscape.d.ts +4 -0
  64. package/cjs/charts/storyline/layouts/landscape.js +256 -0
  65. package/cjs/charts/storyline/layouts/landscape.js.map +1 -0
  66. package/cjs/charts/storyline/layouts/portrait.d.ts +4 -0
  67. package/cjs/charts/storyline/layouts/portrait.js +214 -0
  68. package/cjs/charts/storyline/layouts/portrait.js.map +1 -0
  69. package/cjs/charts/storyline/layouts/wing.d.ts +4 -0
  70. package/cjs/charts/storyline/layouts/wing.js +215 -0
  71. package/cjs/charts/storyline/layouts/wing.js.map +1 -0
  72. package/cjs/charts/storyline/storyline-transformer.d.ts +4 -0
  73. package/cjs/charts/storyline/storyline-transformer.js +78 -0
  74. package/cjs/charts/storyline/storyline-transformer.js.map +1 -0
  75. package/cjs/charts/storyline/storyline.d.ts +16 -0
  76. package/cjs/charts/storyline/storyline.js +36 -0
  77. package/cjs/charts/storyline/storyline.js.map +1 -0
  78. package/cjs/components/bar-link/bar-link.js +1 -1
  79. package/cjs/components/bar-link/constant.js +1 -1
  80. package/cjs/components/bar-link/index.js +1 -1
  81. package/cjs/components/bar-link/type.js +1 -1
  82. package/cjs/components/bar-link/util.js +1 -1
  83. package/cjs/components/bar-regression-line/index.js +1 -1
  84. package/cjs/components/bar-regression-line/type.js +1 -1
  85. package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  86. package/cjs/components/extension-mark-sync-state/index.js +1 -1
  87. package/cjs/components/extension-mark-sync-state/type.js +1 -1
  88. package/cjs/components/histogram-regression-line/index.js +1 -1
  89. package/cjs/components/histogram-regression-line/type.js +1 -1
  90. package/cjs/components/map-label/index.js +1 -1
  91. package/cjs/components/map-label/layout.js +1 -1
  92. package/cjs/components/map-label/map-label-transformer.js +2 -1
  93. package/cjs/components/map-label/map-label.d.ts +1 -1
  94. package/cjs/components/map-label/map-label.js +1 -1
  95. package/cjs/components/map-label/theme.js +1 -1
  96. package/cjs/components/map-label/type.js +1 -1
  97. package/cjs/components/regression-line/index.js +1 -1
  98. package/cjs/components/regression-line/regression-line.js +1 -1
  99. package/cjs/components/regression-line/type.js +1 -1
  100. package/cjs/components/scatter-regression-line/index.js +1 -1
  101. package/cjs/components/scatter-regression-line/type.js +1 -1
  102. package/cjs/components/series-break/constant.js +1 -1
  103. package/cjs/components/series-break/index.js +1 -1
  104. package/cjs/components/series-break/series-break.js +1 -1
  105. package/cjs/components/series-break/type.js +1 -1
  106. package/cjs/components/series-break/util.js +2 -1
  107. package/cjs/components/series-label/constant.js +1 -1
  108. package/cjs/components/series-label/index.js +1 -1
  109. package/cjs/components/series-label/series-label.js +1 -1
  110. package/cjs/components/series-label/type.js +1 -1
  111. package/cjs/components/series-label/util.js +1 -1
  112. package/cjs/index.d.ts +1 -0
  113. package/cjs/index.js +5 -5
  114. package/cjs/index.js.map +1 -1
  115. package/esm/charts/axis-3d/index.js +2 -1
  116. package/esm/charts/axis-3d/linear-axis.js +1 -2
  117. package/esm/charts/bar-3d/chart-spec-transformer.js +1 -1
  118. package/esm/charts/bar-3d/chart.js +1 -1
  119. package/esm/charts/bar-3d/constant.js +1 -1
  120. package/esm/charts/bar-3d/index.js +1 -1
  121. package/esm/charts/bar-3d/interface.js +1 -1
  122. package/esm/charts/bar-3d/series-spec-transformer.js +1 -1
  123. package/esm/charts/bar-3d/series.js +1 -1
  124. package/esm/charts/bar-3d/theme.js +1 -1
  125. package/esm/charts/candlestick/candlestick-transformer.js +1 -1
  126. package/esm/charts/candlestick/candlestick.js +1 -2
  127. package/esm/charts/candlestick/index.js +1 -1
  128. package/esm/charts/candlestick/interface.js +1 -1
  129. package/esm/charts/candlestick/util.js +1 -1
  130. package/esm/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
  131. package/esm/charts/combination-candlestick/combination-candlestick.js +1 -1
  132. package/esm/charts/combination-candlestick/constant.js +1 -1
  133. package/esm/charts/combination-candlestick/index.js +1 -1
  134. package/esm/charts/combination-candlestick/interface.js +1 -1
  135. package/esm/charts/conversion-funnel/arrow-data-transform.js +1 -1
  136. package/esm/charts/conversion-funnel/constants.js +1 -1
  137. package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
  138. package/esm/charts/conversion-funnel/conversion-funnel.js +1 -1
  139. package/esm/charts/conversion-funnel/index.js +1 -1
  140. package/esm/charts/conversion-funnel/interface.js +1 -1
  141. package/esm/charts/conversion-funnel/util.js +1 -1
  142. package/esm/charts/funnel-3d/chart.js +1 -2
  143. package/esm/charts/funnel-3d/constant.js +1 -1
  144. package/esm/charts/funnel-3d/index.js +1 -1
  145. package/esm/charts/funnel-3d/interface.js +1 -1
  146. package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
  147. package/esm/charts/funnel-3d/series.js +1 -1
  148. package/esm/charts/funnel-3d/theme.js +1 -1
  149. package/esm/charts/histogram-3d/chart.js +1 -1
  150. package/esm/charts/image-cloud/series/image-cloud.d.ts +1 -1
  151. package/esm/charts/storyline/index.d.ts +4 -0
  152. package/esm/charts/storyline/index.js +8 -0
  153. package/esm/charts/storyline/index.js.map +1 -0
  154. package/esm/charts/storyline/interface.d.ts +67 -0
  155. package/esm/charts/storyline/interface.js +2 -0
  156. package/esm/charts/storyline/interface.js.map +1 -0
  157. package/esm/charts/storyline/layout.d.ts +53 -0
  158. package/esm/charts/storyline/layout.js +198 -0
  159. package/esm/charts/storyline/layout.js.map +1 -0
  160. package/esm/charts/storyline/layouts/arc.d.ts +5 -0
  161. package/esm/charts/storyline/layouts/arc.js +286 -0
  162. package/esm/charts/storyline/layouts/arc.js.map +1 -0
  163. package/esm/charts/storyline/layouts/clock.d.ts +5 -0
  164. package/esm/charts/storyline/layouts/clock.js +240 -0
  165. package/esm/charts/storyline/layouts/clock.js.map +1 -0
  166. package/esm/charts/storyline/layouts/common.d.ts +89 -0
  167. package/esm/charts/storyline/layouts/common.js +257 -0
  168. package/esm/charts/storyline/layouts/common.js.map +1 -0
  169. package/esm/charts/storyline/layouts/default.d.ts +4 -0
  170. package/esm/charts/storyline/layouts/default.js +174 -0
  171. package/esm/charts/storyline/layouts/default.js.map +1 -0
  172. package/esm/charts/storyline/layouts/ladder.d.ts +5 -0
  173. package/esm/charts/storyline/layouts/ladder.js +196 -0
  174. package/esm/charts/storyline/layouts/ladder.js.map +1 -0
  175. package/esm/charts/storyline/layouts/landscape.d.ts +4 -0
  176. package/esm/charts/storyline/layouts/landscape.js +252 -0
  177. package/esm/charts/storyline/layouts/landscape.js.map +1 -0
  178. package/esm/charts/storyline/layouts/portrait.d.ts +4 -0
  179. package/esm/charts/storyline/layouts/portrait.js +211 -0
  180. package/esm/charts/storyline/layouts/portrait.js.map +1 -0
  181. package/esm/charts/storyline/layouts/wing.d.ts +4 -0
  182. package/esm/charts/storyline/layouts/wing.js +210 -0
  183. package/esm/charts/storyline/layouts/wing.js.map +1 -0
  184. package/esm/charts/storyline/storyline-transformer.d.ts +4 -0
  185. package/esm/charts/storyline/storyline-transformer.js +76 -0
  186. package/esm/charts/storyline/storyline-transformer.js.map +1 -0
  187. package/esm/charts/storyline/storyline.d.ts +16 -0
  188. package/esm/charts/storyline/storyline.js +29 -0
  189. package/esm/charts/storyline/storyline.js.map +1 -0
  190. package/esm/components/bar-link/bar-link.js +1 -1
  191. package/esm/components/bar-link/constant.js +1 -1
  192. package/esm/components/bar-link/index.js +1 -1
  193. package/esm/components/bar-link/type.js +1 -1
  194. package/esm/components/bar-link/util.js +1 -1
  195. package/esm/components/bar-regression-line/index.js +1 -1
  196. package/esm/components/bar-regression-line/type.js +1 -1
  197. package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
  198. package/esm/components/extension-mark-sync-state/index.js +1 -1
  199. package/esm/components/extension-mark-sync-state/type.js +1 -1
  200. package/esm/components/histogram-regression-line/index.js +1 -1
  201. package/esm/components/histogram-regression-line/type.js +1 -1
  202. package/esm/components/map-label/index.js +1 -1
  203. package/esm/components/map-label/layout.js +1 -1
  204. package/esm/components/map-label/map-label-transformer.js +2 -1
  205. package/esm/components/map-label/map-label.d.ts +1 -1
  206. package/esm/components/map-label/map-label.js +1 -1
  207. package/esm/components/map-label/theme.js +1 -1
  208. package/esm/components/map-label/type.js +1 -1
  209. package/esm/components/regression-line/index.js +1 -1
  210. package/esm/components/regression-line/regression-line.js +1 -1
  211. package/esm/components/regression-line/type.js +1 -1
  212. package/esm/components/scatter-regression-line/index.js +1 -1
  213. package/esm/components/scatter-regression-line/type.js +1 -1
  214. package/esm/components/series-break/constant.js +1 -1
  215. package/esm/components/series-break/index.js +1 -1
  216. package/esm/components/series-break/series-break.js +1 -1
  217. package/esm/components/series-break/type.js +1 -1
  218. package/esm/components/series-break/util.js +2 -1
  219. package/esm/components/series-label/constant.js +1 -1
  220. package/esm/components/series-label/index.js +1 -1
  221. package/esm/components/series-label/series-label.js +1 -1
  222. package/esm/components/series-label/type.js +1 -1
  223. package/esm/components/series-label/util.js +1 -1
  224. package/esm/index.d.ts +1 -0
  225. package/esm/index.js +2 -0
  226. package/esm/index.js.map +1 -1
  227. package/package.json +8 -8
@@ -5,4 +5,4 @@ export * from "./series";
5
5
  export * from "./series-spec-transformer";
6
6
 
7
7
  export * from "./interface";
8
- //# sourceMappingURL=index.js.map
8
+ //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
1
  export { };
2
- //# sourceMappingURL=interface.js.map
2
+ //# sourceMappingURL=interface.js.map
@@ -5,4 +5,4 @@ export class Funnel3dSeriesSpecTransformer extends FunnelSeriesSpecTransformer {
5
5
  this._addMarkLabelSpec(spec, "funnel3d"), spec.isTransform && this._addMarkLabelSpec(spec, "transform3d", "transformLabel");
6
6
  }
7
7
  }
8
- //# sourceMappingURL=series-spec-transformer.js.map
8
+ //# sourceMappingURL=series-spec-transformer.js.map
@@ -81,4 +81,4 @@ Funnel3dSeries.builtInTheme = {
81
81
  export const registerFunnel3dSeries = () => {
82
82
  registerPyramid3dMark(), registerTextMark(), registerRuleMark(), Factory.registerSeries(Funnel3dSeries.type, Funnel3dSeries);
83
83
  };
84
- //# sourceMappingURL=series.js.map
84
+ //# sourceMappingURL=series.js.map
@@ -1,4 +1,4 @@
1
1
  import { getFunnelTheme } from "@visactor/vchart";
2
2
 
3
3
  export const funnel3d = getFunnelTheme(!0);
4
- //# sourceMappingURL=theme.js.map
4
+ //# sourceMappingURL=theme.js.map
@@ -27,4 +27,4 @@ export const registerHistogram3dChart = () => {
27
27
  registerDimensionEvents(), registerDimensionHover(), register3DPlugin(), registerLayout3d(),
28
28
  registerBar3dSeries(), Factory.registerChart(Histogram3dChart.type, Histogram3dChart);
29
29
  };
30
- //# sourceMappingURL=chart.js.map
30
+ //# sourceMappingURL=chart.js.map
@@ -112,7 +112,7 @@ export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends B
112
112
  style?: Partial<import("@visactor/vchart").IImageMarkSpec>;
113
113
  };
114
114
  layoutConfig: import("@visactor/vchart").LayoutConfigType;
115
- createCanvas: (params: import("@visactor/vrender-core/es/interface").ICreateCanvasParams) => any;
115
+ createCanvas: (params: import("@visactor/vrender-core").ICreateCanvasParams) => any;
116
116
  createImage: typeof createImage;
117
117
  onUpdateMaskCanvas: (inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => void;
118
118
  onLayoutFinished: () => void;
@@ -0,0 +1,4 @@
1
+ export * from './interface';
2
+ export * from './layout';
3
+ export * from './storyline';
4
+ export * from './storyline-transformer';
@@ -0,0 +1,8 @@
1
+ export * from "./interface";
2
+
3
+ export * from "./layout";
4
+
5
+ export * from "./storyline";
6
+
7
+ export * from "./storyline-transformer";
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/charts/storyline/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './layout';\nexport * from './storyline';\nexport * from './storyline-transformer';\n"]}
@@ -0,0 +1,67 @@
1
+ import type { IChartSpec, IComposedTextMarkSpec, IImageMarkSpec, IMarkSpec, IPathMarkSpec, IRectMarkSpec, ITextMarkSpec, StringOrNumber } from '@visactor/vchart';
2
+ export type StorylineLayoutType = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';
3
+ export type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';
4
+ export type StorylineLineType = 'line' | 'polyline' | 'curve';
5
+ export type StorylineWingDirection = 'left' | 'right';
6
+ export type StorylineLadderDirection = 'up' | 'down';
7
+ export type StorylineArcDirection = 'up' | 'down';
8
+ export interface IStorylineBlock {
9
+ id?: StringOrNumber;
10
+ title?: string;
11
+ content?: string | string[];
12
+ image?: string | HTMLImageElement | HTMLCanvasElement;
13
+ subImage?: string | HTMLImageElement | HTMLCanvasElement;
14
+ datum?: unknown;
15
+ }
16
+ export interface IStorylineLayoutOptions {
17
+ type: StorylineLayoutType;
18
+ padding?: number | [number, number, number, number];
19
+ radiusRatio?: number;
20
+ startAngle?: number;
21
+ endAngle?: number;
22
+ direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;
23
+ headline?: string;
24
+ }
25
+ export interface IStorylineBlockSpec {
26
+ width?: number;
27
+ widthRatio?: number;
28
+ minWidth?: number;
29
+ maxWidth?: number;
30
+ height?: number;
31
+ padding?: number | [number, number, number, number];
32
+ gap?: number;
33
+ showBackground?: boolean;
34
+ style?: Partial<IRectMarkSpec>;
35
+ }
36
+ export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
37
+ width?: number;
38
+ height?: number;
39
+ position?: StorylineImagePosition;
40
+ gap?: number;
41
+ showBackground?: boolean;
42
+ }
43
+ export interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {
44
+ width?: number;
45
+ height?: number;
46
+ visible?: boolean;
47
+ image?: string | HTMLImageElement | HTMLCanvasElement;
48
+ }
49
+ export interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {
50
+ visible?: boolean;
51
+ type?: StorylineLineType;
52
+ showArrow?: boolean;
53
+ arrowSize?: number;
54
+ distance?: number;
55
+ }
56
+ export interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {
57
+ type: 'storyline';
58
+ data: IStorylineBlock[];
59
+ layout?: StorylineLayoutType | IStorylineLayoutOptions;
60
+ block?: IStorylineBlockSpec;
61
+ title?: IMarkSpec<ITextMarkSpec>;
62
+ content?: IMarkSpec<IComposedTextMarkSpec>;
63
+ image?: IStorylineImageSpec;
64
+ centerImage?: IStorylineCenterImageSpec;
65
+ line?: IStorylineLineSpec;
66
+ themeColor?: string;
67
+ }
@@ -0,0 +1,2 @@
1
+ export { };
2
+ //# sourceMappingURL=interface.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/charts/storyline/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n IChartSpec,\n IComposedTextMarkSpec,\n IImageMarkSpec,\n IMarkSpec,\n IPathMarkSpec,\n IRectMarkSpec,\n ITextMarkSpec,\n StringOrNumber\n} from '@visactor/vchart';\n\nexport type StorylineLayoutType = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\nexport type StorylineWingDirection = 'left' | 'right';\nexport type StorylineLadderDirection = 'up' | 'down';\nexport type StorylineArcDirection = 'up' | 'down';\n\nexport interface IStorylineBlock {\n id?: StringOrNumber;\n title?: string;\n content?: string | string[];\n image?: string | HTMLImageElement | HTMLCanvasElement;\n /**\n * 绘制在主 image 背后的装饰图(如 portrait 布局的错位 shadow image)。\n * 仅在对应布局的 image.showBackground 为 true 时生效。\n * 若未配置,则不会绘制装饰 image。\n */\n subImage?: string | HTMLImageElement | HTMLCanvasElement;\n datum?: unknown;\n}\n\nexport interface IStorylineLayoutOptions {\n type: StorylineLayoutType;\n /**\n * 边缘留白,支持单值或 [top, right, bottom, left]。\n */\n padding?: number | [number, number, number, number];\n /**\n * 对 circular/arc 布局生效,控制半径占可用空间的比例。\n */\n radiusRatio?: number;\n /**\n * 对 circular/arc 布局生效,角度单位为度。\n */\n startAngle?: number;\n /**\n * 对 circular/arc 布局生效,角度单位为度。\n */\n endAngle?: number;\n /**\n * 方向控制:\n * - wing 布局:'left' | 'right',圆心锚位置;\n * - ladder 布局:'up' | 'down','up' 表示左下→右上对角线(默认),'down' 表示左上→右下对角线;\n * - arc 布局:'up' | 'down','up' 表示穹顶(centerImage 贴底,弧线在上方),'down' 表示碗形(centerImage 贴顶,弧线在下方)。\n */\n direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;\n /**\n * 对 ladder 布局生效:贯穿画布的倾斜大字 headline。\n * 缺省时使用占位文本。倾斜方向自动跟随对角线。\n */\n headline?: string;\n}\n\nexport interface IStorylineBlockSpec {\n width?: number;\n widthRatio?: number;\n minWidth?: number;\n maxWidth?: number;\n height?: number;\n padding?: number | [number, number, number, number];\n gap?: number;\n /**\n * 是否展示 block 背后的卡片背景 rect(白底 + 描边 + 阴影)。\n * 仅 up-ladder 等少数布局支持,默认 false(不展示)。\n */\n showBackground?: boolean;\n style?: Partial<IRectMarkSpec>;\n}\n\nexport interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {\n width?: number;\n height?: number;\n position?: StorylineImagePosition;\n gap?: number;\n /**\n * 是否展示 image 背后的装饰图元(halo / shadow / 背景 rect 等)。\n * 不同布局对应的装饰图元不同:\n * - wing: 圆形 halo symbol\n * - portrait: 错位 shadow image + mask\n * - clock: 楔形/圆形背景 rect\n * - dome / bowl / landscape: image-bg(无图时的占位 rect 不受此开关影响)\n * 默认 false(不展示)。\n */\n showBackground?: boolean;\n}\n\nexport interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {\n width?: number;\n height?: number;\n visible?: boolean;\n image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\nexport interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {\n visible?: boolean;\n type?: StorylineLineType;\n showArrow?: boolean;\n arrowSize?: number;\n /**\n * 连接线和 block 边缘之间的距离。\n */\n distance?: number;\n}\n\nexport interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {\n type: 'storyline';\n data: IStorylineBlock[];\n layout?: StorylineLayoutType | IStorylineLayoutOptions;\n block?: IStorylineBlockSpec;\n title?: IMarkSpec<ITextMarkSpec>;\n content?: IMarkSpec<IComposedTextMarkSpec>;\n image?: IStorylineImageSpec;\n centerImage?: IStorylineCenterImageSpec;\n line?: IStorylineLineSpec;\n themeColor?: string;\n}\n"]}
@@ -0,0 +1,53 @@
1
+ import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';
2
+ export interface StorylineSize {
3
+ width: number;
4
+ height: number;
5
+ }
6
+ export interface StorylinePadding {
7
+ top: number;
8
+ right: number;
9
+ bottom: number;
10
+ left: number;
11
+ }
12
+ export interface StorylinePoint {
13
+ x: number;
14
+ y: number;
15
+ }
16
+ export interface StorylineBlockPosition extends StorylinePoint, StorylineSize {
17
+ id: string | number;
18
+ index: number;
19
+ datum: IStorylineBlock;
20
+ center: StorylinePoint;
21
+ }
22
+ export interface StorylineLinkPosition {
23
+ from: StorylineBlockPosition;
24
+ to: StorylineBlockPosition;
25
+ start: StorylinePoint;
26
+ end: StorylinePoint;
27
+ points: StorylinePoint[];
28
+ }
29
+ export interface StorylineCircleGuide {
30
+ center: StorylinePoint;
31
+ radius: number;
32
+ }
33
+ export interface StorylineLayoutResult {
34
+ blocks: StorylineBlockPosition[];
35
+ links: StorylineLinkPosition[];
36
+ circleGuide?: StorylineCircleGuide;
37
+ }
38
+ export interface StorylineComputeOptions {
39
+ layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;
40
+ viewBox: StorylineSize;
41
+ block: StorylineSize;
42
+ gap?: number;
43
+ padding?: number | [number, number, number, number];
44
+ lineDistance?: number;
45
+ }
46
+ export declare const normalizePadding: (padding?: number | [
47
+ number,
48
+ number,
49
+ number,
50
+ number
51
+ ]) => StorylinePadding;
52
+ export declare const normalizeLayout: (layout?: StorylineLayoutType | IStorylineLayoutOptions) => IStorylineLayoutOptions;
53
+ export declare const computeStorylineLayout: (data: IStorylineBlock[], options: StorylineComputeOptions) => StorylineLayoutResult;
@@ -0,0 +1,198 @@
1
+ const DEFAULT_LAYOUT = "landscape", DEFAULT_PADDING = 24;
2
+
3
+ export const normalizePadding = padding => {
4
+ var _a, _b, _c, _d;
5
+ if (Array.isArray(padding)) return {
6
+ top: null !== (_a = padding[0]) && void 0 !== _a ? _a : 0,
7
+ right: null !== (_b = padding[1]) && void 0 !== _b ? _b : 0,
8
+ bottom: null !== (_c = padding[2]) && void 0 !== _c ? _c : 0,
9
+ left: null !== (_d = padding[3]) && void 0 !== _d ? _d : 0
10
+ };
11
+ const value = null != padding ? padding : 24;
12
+ return {
13
+ top: value,
14
+ right: value,
15
+ bottom: value,
16
+ left: value
17
+ };
18
+ };
19
+
20
+ export const normalizeLayout = layout => layout ? "string" == typeof layout ? {
21
+ type: layout
22
+ } : layout : {
23
+ type: "landscape"
24
+ };
25
+
26
+ export const computeStorylineLayout = (data, options) => {
27
+ var _a, _b, _c;
28
+ const layout = normalizeLayout(options.layout), padding = normalizePadding(null !== (_a = layout.padding) && void 0 !== _a ? _a : options.padding), gap = null !== (_b = options.gap) && void 0 !== _b ? _b : 40, lineDistance = null !== (_c = options.lineDistance) && void 0 !== _c ? _c : 8, blocks = computeBlockPositions(data, layout, options.viewBox, options.block, padding, gap), circleGuide = "clock" === layout.type ? computeClockCircleGuide(options.viewBox, options.block, padding, layout) : void 0;
29
+ return {
30
+ blocks: blocks,
31
+ links: computeLinks(blocks, lineDistance),
32
+ circleGuide: circleGuide
33
+ };
34
+ };
35
+
36
+ const computeBlockPositions = (data, layout, viewBox, block, padding, gap) => {
37
+ const count = data.length;
38
+ if (!count) return [];
39
+ const inner = {
40
+ x: padding.left,
41
+ y: padding.top,
42
+ width: Math.max(viewBox.width - padding.left - padding.right, block.width),
43
+ height: Math.max(viewBox.height - padding.top - padding.bottom, block.height)
44
+ }, center = {
45
+ x: inner.x + inner.width / 2,
46
+ y: inner.y + inner.height / 2
47
+ };
48
+ let centers;
49
+ switch (layout.type) {
50
+ case "portrait":
51
+ centers = lineCenters(count, center.x, inner.y + block.height / 2, center.x, inner.y + inner.height - block.height / 2);
52
+ break;
53
+
54
+ case "ladder":
55
+ {
56
+ const isDown = "down" === layout.direction, x0 = inner.x + block.width / 2, x1 = inner.x + inner.width - block.width / 2, yTop = inner.y + block.height / 2, yBot = inner.y + inner.height - block.height / 2, y0 = isDown ? yTop : yBot, y1 = isDown ? yBot : yTop, anchors = lineCenters(count, x0, y0, x1, y1), dx = x1 - x0, dy = y1 - y0, len = Math.hypot(dx, dy) || 1, nx = -dy / len, ny = dx / len, offset = 1.2 * Math.max(80, Math.min(240, Math.round(.42 * inner.height)));
57
+ centers = anchors.map(((p, i) => {
58
+ const sign = i % 2 == 0 ? 1 : -1;
59
+ return {
60
+ x: p.x + nx * offset * sign,
61
+ y: p.y + ny * offset * sign
62
+ };
63
+ }));
64
+ break;
65
+ }
66
+
67
+ case "spiral":
68
+ centers = alternatingVerticalCenters(count, inner, block, gap);
69
+ break;
70
+
71
+ case "clock":
72
+ centers = circularCenters(count, viewBox, block, padding, layout);
73
+ break;
74
+
75
+ case "arc":
76
+ {
77
+ const isDown = "down" === layout.direction, [s, e] = isDown ? [ 20, 160 ] : [ 200, 340 ];
78
+ centers = arcCenters(count, inner, block, layout, s, e);
79
+ break;
80
+ }
81
+
82
+ case "wing":
83
+ {
84
+ const direction = "right" === layout.direction ? "right" : "left", [s, e] = "right" === direction ? [ 110, 250 ] : [ -70, 70 ];
85
+ centers = arcCenters(count, inner, block, layout, s, e);
86
+ break;
87
+ }
88
+
89
+ default:
90
+ centers = lineCenters(count, inner.x + block.width / 2, center.y, inner.x + inner.width - block.width / 2, center.y);
91
+ }
92
+ return centers.map(((point, index) => {
93
+ var _a, _b;
94
+ return {
95
+ id: null !== (_b = null === (_a = data[index]) || void 0 === _a ? void 0 : _a.id) && void 0 !== _b ? _b : index,
96
+ index: index,
97
+ datum: data[index],
98
+ width: block.width,
99
+ height: block.height,
100
+ x: point.x - block.width / 2,
101
+ y: point.y - block.height / 2,
102
+ center: point
103
+ };
104
+ }));
105
+ }, lineCenters = (count, x0, y0, x1, y1) => 1 === count ? [ {
106
+ x: (x0 + x1) / 2,
107
+ y: (y0 + y1) / 2
108
+ } ] : Array.from({
109
+ length: count
110
+ }, ((_, index) => {
111
+ const t = index / (count - 1);
112
+ return {
113
+ x: x0 + (x1 - x0) * t,
114
+ y: y0 + (y1 - y0) * t
115
+ };
116
+ })), alternatingVerticalCenters = (count, inner, block, gap) => {
117
+ const baseX = inner.x + inner.width / 2, offset = Math.min(Math.max(.65 * block.width + gap / 2, 0), Math.max((inner.width - block.width) / 2, 0));
118
+ return lineCenters(count, baseX, inner.y + block.height / 2, baseX, inner.y + inner.height - block.height / 2).map(((point, index) => ({
119
+ x: point.x + (index % 2 == 0 ? -offset : offset),
120
+ y: point.y
121
+ })));
122
+ }, circularCenters = (count, viewBox, block, padding, layout) => {
123
+ var _a;
124
+ const guide = computeClockCircleGuide(viewBox, block, padding, layout), startAngle = null !== (_a = layout.startAngle) && void 0 !== _a ? _a : -90;
125
+ if (1 === count) {
126
+ const angle = degreeToRadian(startAngle);
127
+ return [ {
128
+ x: guide.center.x + Math.cos(angle) * guide.radius,
129
+ y: guide.center.y + Math.sin(angle) * guide.radius
130
+ } ];
131
+ }
132
+ return Array.from({
133
+ length: count
134
+ }, ((_, index) => {
135
+ const angle = degreeToRadian(startAngle + 360 * index / count);
136
+ return {
137
+ x: guide.center.x + Math.cos(angle) * guide.radius,
138
+ y: guide.center.y + Math.sin(angle) * guide.radius
139
+ };
140
+ }));
141
+ }, computeClockCircleGuide = (viewBox, block, padding, layout) => {
142
+ var _a;
143
+ const innerWidth = Math.max(viewBox.width - padding.left - padding.right, 1), innerHeight = Math.max(viewBox.height - padding.top - padding.bottom, 1), center = {
144
+ x: padding.left + innerWidth / 2,
145
+ y: padding.top + innerHeight / 2
146
+ }, ratio = null !== (_a = layout.radiusRatio) && void 0 !== _a ? _a : .7, maxRadius = Math.max(Math.min(innerWidth - block.width, innerHeight - block.height) / 2, 1);
147
+ return {
148
+ center: center,
149
+ radius: Math.max(1, maxRadius * ratio)
150
+ };
151
+ }, arcCenters = (count, inner, block, layout, fallbackStartAngle, fallbackEndAngle, defaultRatio = .88) => {
152
+ var _a, _b, _c, _d, _e;
153
+ const startAngle = null !== (_b = null !== (_a = layout.startAngle) && void 0 !== _a ? _a : fallbackStartAngle) && void 0 !== _b ? _b : -90, endAngle = null !== (_d = null !== (_c = layout.endAngle) && void 0 !== _c ? _c : fallbackEndAngle) && void 0 !== _d ? _d : 270, ratio = null !== (_e = layout.radiusRatio) && void 0 !== _e ? _e : defaultRatio, rx = Math.max((inner.width - block.width) / 2, 1) * ratio, ry = Math.max((inner.height - block.height) / 2, 1) * ratio, center_x = inner.x + inner.width / 2, center_y = inner.y + inner.height / 2;
154
+ if (1 === count) {
155
+ const angle = degreeToRadian((startAngle + endAngle) / 2);
156
+ return [ {
157
+ x: center_x + Math.cos(angle) * rx,
158
+ y: center_y + Math.sin(angle) * ry
159
+ } ];
160
+ }
161
+ return Array.from({
162
+ length: count
163
+ }, ((_, index) => {
164
+ const t = index / (count - 1), angle = degreeToRadian(startAngle + angleDelta(startAngle, endAngle) * t);
165
+ return {
166
+ x: center_x + Math.cos(angle) * rx,
167
+ y: center_y + Math.sin(angle) * ry
168
+ };
169
+ }));
170
+ }, angleDelta = (startAngle, endAngle) => {
171
+ const delta = endAngle - startAngle;
172
+ return Math.abs(delta) >= 360 ? 360 : delta;
173
+ }, degreeToRadian = degree => degree / 180 * Math.PI, computeLinks = (blocks, distance) => {
174
+ const links = [];
175
+ for (let i = 0; i < blocks.length - 1; i++) {
176
+ const from = blocks[i], to = blocks[i + 1], start = pointOnBlockEdge(from, to.center, distance), end = pointOnBlockEdge(to, from.center, distance);
177
+ links.push({
178
+ from: from,
179
+ to: to,
180
+ start: start,
181
+ end: end,
182
+ points: [ start, end ]
183
+ });
184
+ }
185
+ return links;
186
+ }, pointOnBlockEdge = (block, toward, distance) => {
187
+ const dx = toward.x - block.center.x, dy = toward.y - block.center.y;
188
+ if (0 === dx && 0 === dy) return {
189
+ x: block.center.x,
190
+ y: block.center.y
191
+ };
192
+ const scaleX = 0 === dx ? Number.POSITIVE_INFINITY : block.width / 2 / Math.abs(dx), scaleY = 0 === dy ? Number.POSITIVE_INFINITY : block.height / 2 / Math.abs(dy), scale = Math.min(scaleX, scaleY), length = Math.sqrt(dx * dx + dy * dy) || 1;
193
+ return {
194
+ x: block.center.x + dx * scale + dx / length * distance,
195
+ y: block.center.y + dy * scale + dy / length * distance
196
+ };
197
+ };
198
+ //# sourceMappingURL=layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/charts/storyline/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';\n\nexport interface StorylineSize {\n width: number;\n height: number;\n}\n\nexport interface StorylinePadding {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}\n\nexport interface StorylinePoint {\n x: number;\n y: number;\n}\n\nexport interface StorylineBlockPosition extends StorylinePoint, StorylineSize {\n id: string | number;\n index: number;\n datum: IStorylineBlock;\n center: StorylinePoint;\n}\n\nexport interface StorylineLinkPosition {\n from: StorylineBlockPosition;\n to: StorylineBlockPosition;\n start: StorylinePoint;\n end: StorylinePoint;\n points: StorylinePoint[];\n}\n\nexport interface StorylineCircleGuide {\n center: StorylinePoint;\n radius: number;\n}\n\nexport interface StorylineLayoutResult {\n blocks: StorylineBlockPosition[];\n links: StorylineLinkPosition[];\n circleGuide?: StorylineCircleGuide;\n}\n\nexport interface StorylineComputeOptions {\n layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;\n viewBox: StorylineSize;\n block: StorylineSize;\n gap?: number;\n padding?: number | [number, number, number, number];\n lineDistance?: number;\n}\n\nconst DEFAULT_LAYOUT: StorylineLayoutType = 'landscape';\nconst DEFAULT_PADDING = 24;\n\nexport const normalizePadding = (padding?: number | [number, number, number, number]): StorylinePadding => {\n if (Array.isArray(padding)) {\n return {\n top: padding[0] ?? 0,\n right: padding[1] ?? 0,\n bottom: padding[2] ?? 0,\n left: padding[3] ?? 0\n };\n }\n const value = padding ?? DEFAULT_PADDING;\n return { top: value, right: value, bottom: value, left: value };\n};\n\nexport const normalizeLayout = (layout?: StorylineLayoutType | IStorylineLayoutOptions): IStorylineLayoutOptions => {\n if (!layout) {\n return { type: DEFAULT_LAYOUT };\n }\n if (typeof layout === 'string') {\n return { type: layout };\n }\n return layout;\n};\n\nexport const computeStorylineLayout = (\n data: IStorylineBlock[],\n options: StorylineComputeOptions\n): StorylineLayoutResult => {\n const layout = normalizeLayout(options.layout);\n const padding = normalizePadding(layout.padding ?? options.padding);\n const gap = options.gap ?? 40;\n const lineDistance = options.lineDistance ?? 8;\n const blocks = computeBlockPositions(data, layout, options.viewBox, options.block, padding, gap);\n const circleGuide =\n layout.type === 'clock' ? computeClockCircleGuide(options.viewBox, options.block, padding, layout) : undefined;\n return {\n blocks,\n links: computeLinks(blocks, lineDistance),\n circleGuide\n };\n};\n\nconst computeBlockPositions = (\n data: IStorylineBlock[],\n layout: IStorylineLayoutOptions,\n viewBox: StorylineSize,\n block: StorylineSize,\n padding: StorylinePadding,\n gap: number\n): StorylineBlockPosition[] => {\n const count = data.length;\n if (!count) {\n return [];\n }\n\n const inner = {\n x: padding.left,\n y: padding.top,\n width: Math.max(viewBox.width - padding.left - padding.right, block.width),\n height: Math.max(viewBox.height - padding.top - padding.bottom, block.height)\n };\n const center = {\n x: inner.x + inner.width / 2,\n y: inner.y + inner.height / 2\n };\n\n let centers: StorylinePoint[];\n switch (layout.type) {\n case 'portrait':\n centers = lineCenters(\n count,\n center.x,\n inner.y + block.height / 2,\n center.x,\n inner.y + inner.height - block.height / 2\n );\n break;\n case 'ladder': {\n // 沿对角线均匀采样 anchor 点,偶/奇 index 沿对角线\"法向\"做左/右偏移。\n // direction = 'up' (默认):左下 → 右上;direction = 'down':左上 → 右下。\n const isDown = layout.direction === 'down';\n const x0 = inner.x + block.width / 2;\n const x1 = inner.x + inner.width - block.width / 2;\n const yTop = inner.y + block.height / 2;\n const yBot = inner.y + inner.height - block.height / 2;\n const y0 = isDown ? yTop : yBot;\n const y1 = isDown ? yBot : yTop;\n const anchors = lineCenters(count, x0, y0, x1, y1);\n // 对角线方向向量\n const dx = x1 - x0;\n const dy = y1 - y0;\n const len = Math.hypot(dx, dy) || 1;\n // 法向单位向量\n const nx = -dy / len;\n const ny = dx / len;\n // 偏移量:与 headline fontSize 联动 —— 与 ladder.ts 中保持同一公式\n // headline fontSize = clamp(innerHeight * 0.42, 80, 240)\n // 偏移量 = headline fontSize * 1.2,让 block 与 headline 大字之间留出充足留白\n const headlineFontSize = Math.max(80, Math.min(240, Math.round(inner.height * 0.42)));\n const offset = headlineFontSize * 1.2;\n centers = anchors.map((p, i) => {\n // 偶数 index → 法向 +;奇数 index → 法向 -\n const sign = i % 2 === 0 ? 1 : -1;\n return {\n x: p.x + nx * offset * sign,\n y: p.y + ny * offset * sign\n };\n });\n break;\n }\n case 'spiral':\n centers = alternatingVerticalCenters(count, inner, block, gap);\n break;\n case 'clock':\n centers = circularCenters(count, viewBox, block, padding, layout);\n break;\n case 'arc': {\n // arc 布局:通过 direction 控制 dome(穹顶)/ bowl(碗形)方向\n // - 'up'(默认):弧线在上方(穹顶),等同原 dome\n // - 'down':弧线在下方(碗形),等同原 bowl\n const isDown = layout.direction === 'down';\n const [s, e] = isDown ? [20, 160] : [200, 340];\n centers = arcCenters(count, inner, block, layout, s, e);\n break;\n }\n case 'wing': {\n const direction = layout.direction === 'right' ? 'right' : 'left';\n const [s, e] = direction === 'right' ? [110, 250] : [-70, 70];\n centers = arcCenters(count, inner, block, layout, s, e);\n break;\n }\n case 'landscape':\n default:\n centers = lineCenters(\n count,\n inner.x + block.width / 2,\n center.y,\n inner.x + inner.width - block.width / 2,\n center.y\n );\n break;\n }\n\n return centers.map((point, index) => ({\n id: data[index]?.id ?? index,\n index,\n datum: data[index],\n width: block.width,\n height: block.height,\n x: point.x - block.width / 2,\n y: point.y - block.height / 2,\n center: point\n }));\n};\n\nconst lineCenters = (count: number, x0: number, y0: number, x1: number, y1: number): StorylinePoint[] => {\n if (count === 1) {\n return [{ x: (x0 + x1) / 2, y: (y0 + y1) / 2 }];\n }\n return Array.from({ length: count }, (_, index) => {\n const t = index / (count - 1);\n return {\n x: x0 + (x1 - x0) * t,\n y: y0 + (y1 - y0) * t\n };\n });\n};\n\nconst alternatingVerticalCenters = (\n count: number,\n inner: { x: number; y: number; width: number; height: number },\n block: StorylineSize,\n gap: number\n) => {\n const baseX = inner.x + inner.width / 2;\n const offset = Math.min(Math.max(block.width * 0.65 + gap / 2, 0), Math.max((inner.width - block.width) / 2, 0));\n const points = lineCenters(\n count,\n baseX,\n inner.y + block.height / 2,\n baseX,\n inner.y + inner.height - block.height / 2\n );\n return points.map((point, index) => ({\n x: point.x + (index % 2 === 0 ? -offset : offset),\n y: point.y\n }));\n};\n\nconst circularCenters = (\n count: number,\n viewBox: StorylineSize,\n block: StorylineSize,\n padding: StorylinePadding,\n layout: IStorylineLayoutOptions\n) => {\n const guide = computeClockCircleGuide(viewBox, block, padding, layout);\n const startAngle = layout.startAngle ?? -90;\n const delta = 360;\n\n if (count === 1) {\n const angle = degreeToRadian(startAngle);\n return [\n {\n x: guide.center.x + Math.cos(angle) * guide.radius,\n y: guide.center.y + Math.sin(angle) * guide.radius\n }\n ];\n }\n\n return Array.from({ length: count }, (_, index) => {\n const angle = degreeToRadian(startAngle + (delta * index) / count);\n return {\n x: guide.center.x + Math.cos(angle) * guide.radius,\n y: guide.center.y + Math.sin(angle) * guide.radius\n };\n });\n};\n\nconst computeClockCircleGuide = (\n viewBox: StorylineSize,\n block: StorylineSize,\n padding: StorylinePadding,\n layout: IStorylineLayoutOptions\n): StorylineCircleGuide => {\n const innerWidth = Math.max(viewBox.width - padding.left - padding.right, 1);\n const innerHeight = Math.max(viewBox.height - padding.top - padding.bottom, 1);\n const center = {\n x: padding.left + innerWidth / 2,\n y: padding.top + innerHeight / 2\n };\n const ratio = layout.radiusRatio ?? 0.7;\n const maxRadius = Math.max(Math.min(innerWidth - block.width, innerHeight - block.height) / 2, 1);\n\n return {\n center,\n radius: Math.max(1, maxRadius * ratio)\n };\n};\n\nconst arcCenters = (\n count: number,\n inner: { x: number; y: number; width: number; height: number },\n block: StorylineSize,\n layout: IStorylineLayoutOptions,\n fallbackStartAngle?: number,\n fallbackEndAngle?: number,\n defaultRatio = 0.88\n) => {\n const startAngle = layout.startAngle ?? fallbackStartAngle ?? -90;\n const endAngle = layout.endAngle ?? fallbackEndAngle ?? 270;\n const ratio = layout.radiusRatio ?? defaultRatio;\n const rx = Math.max((inner.width - block.width) / 2, 1) * ratio;\n const ry = Math.max((inner.height - block.height) / 2, 1) * ratio;\n const center = {\n x: inner.x + inner.width / 2,\n y: inner.y + inner.height / 2\n };\n\n if (count === 1) {\n const angle = degreeToRadian((startAngle + endAngle) / 2);\n return [{ x: center.x + Math.cos(angle) * rx, y: center.y + Math.sin(angle) * ry }];\n }\n\n return Array.from({ length: count }, (_, index) => {\n const t = index / (count - 1);\n const angle = degreeToRadian(startAngle + angleDelta(startAngle, endAngle) * t);\n return {\n x: center.x + Math.cos(angle) * rx,\n y: center.y + Math.sin(angle) * ry\n };\n });\n};\n\nconst angleDelta = (startAngle: number, endAngle: number) => {\n const delta = endAngle - startAngle;\n return Math.abs(delta) >= 360 ? 360 : delta;\n};\n\nconst degreeToRadian = (degree: number) => (degree / 180) * Math.PI;\n\nconst computeLinks = (blocks: StorylineBlockPosition[], distance: number): StorylineLinkPosition[] => {\n const links: StorylineLinkPosition[] = [];\n for (let i = 0; i < blocks.length - 1; i++) {\n const from = blocks[i];\n const to = blocks[i + 1];\n const start = pointOnBlockEdge(from, to.center, distance);\n const end = pointOnBlockEdge(to, from.center, distance);\n links.push({\n from,\n to,\n start,\n end,\n points: [start, end]\n });\n }\n return links;\n};\n\nconst pointOnBlockEdge = (block: StorylineBlockPosition, toward: StorylinePoint, distance: number): StorylinePoint => {\n const dx = toward.x - block.center.x;\n const dy = toward.y - block.center.y;\n if (dx === 0 && dy === 0) {\n return { x: block.center.x, y: block.center.y };\n }\n const scaleX = dx === 0 ? Number.POSITIVE_INFINITY : block.width / 2 / Math.abs(dx);\n const scaleY = dy === 0 ? Number.POSITIVE_INFINITY : block.height / 2 / Math.abs(dy);\n const scale = Math.min(scaleX, scaleY);\n const length = Math.sqrt(dx * dx + dy * dy) || 1;\n return {\n x: block.center.x + dx * scale + (dx / length) * distance,\n y: block.center.y + dy * scale + (dy / length) * distance\n };\n};\n"]}
@@ -0,0 +1,5 @@
1
+ import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
2
+ import type { IStorylineBlock, IStorylineSpec } from '../interface';
3
+ export declare const buildArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
4
+ export declare const buildArcCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
5
+ export declare const buildArcBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;