@visactor/vchart-extension 1.13.19-alpha.1 → 1.13.20

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 (291) hide show
  1. package/package.json +7 -7
  2. package/build/index.js +0 -13990
  3. package/build/index.min.js +0 -15
  4. package/cjs/charts/conversion-funnel/arrow-data-transform.d.ts +0 -24
  5. package/cjs/charts/conversion-funnel/arrow-data-transform.js +0 -99
  6. package/cjs/charts/conversion-funnel/arrow-data-transform.js.map +0 -1
  7. package/cjs/charts/conversion-funnel/conversion-funnel-transformer.d.ts +0 -7
  8. package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +0 -196
  9. package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js.map +0 -1
  10. package/cjs/charts/conversion-funnel/conversion-funnel.d.ts +0 -40
  11. package/cjs/charts/conversion-funnel/conversion-funnel.js +0 -78
  12. package/cjs/charts/conversion-funnel/conversion-funnel.js.map +0 -1
  13. package/cjs/charts/conversion-funnel/index.d.ts +0 -2
  14. package/cjs/charts/conversion-funnel/index.js +0 -21
  15. package/cjs/charts/conversion-funnel/index.js.map +0 -1
  16. package/cjs/charts/conversion-funnel/interface.d.ts +0 -35
  17. package/cjs/charts/conversion-funnel/interface.js +0 -6
  18. package/cjs/charts/conversion-funnel/interface.js.map +0 -1
  19. package/cjs/charts/conversion-funnel/util.d.ts +0 -3
  20. package/cjs/charts/conversion-funnel/util.js +0 -17
  21. package/cjs/charts/conversion-funnel/util.js.map +0 -1
  22. package/cjs/charts/ranking-bar/interface.d.ts +0 -45
  23. package/cjs/charts/ranking-bar/interface.js +0 -5
  24. package/cjs/charts/ranking-bar/interface.js.map +0 -1
  25. package/cjs/charts/ranking-bar/ranking-bar-transformer.d.ts +0 -10
  26. package/cjs/charts/ranking-bar/ranking-bar-transformer.js +0 -291
  27. package/cjs/charts/ranking-bar/ranking-bar-transformer.js.map +0 -1
  28. package/cjs/charts/ranking-bar/ranking-bar.d.ts +0 -16
  29. package/cjs/charts/ranking-bar/ranking-bar.js +0 -34
  30. package/cjs/charts/ranking-bar/ranking-bar.js.map +0 -1
  31. package/cjs/charts/ranking-list/constant.d.ts +0 -2
  32. package/cjs/charts/ranking-list/constant.js +0 -75
  33. package/cjs/charts/ranking-list/constant.js.map +0 -1
  34. package/cjs/charts/ranking-list/interface.d.ts +0 -74
  35. package/cjs/charts/ranking-list/interface.js +0 -6
  36. package/cjs/charts/ranking-list/interface.js.map +0 -1
  37. package/cjs/charts/ranking-list/ranking-list-transformer.d.ts +0 -459
  38. package/cjs/charts/ranking-list/ranking-list-transformer.js +0 -383
  39. package/cjs/charts/ranking-list/ranking-list-transformer.js.map +0 -1
  40. package/cjs/charts/ranking-list/ranking-list.d.ts +0 -16
  41. package/cjs/charts/ranking-list/ranking-list.js +0 -34
  42. package/cjs/charts/ranking-list/ranking-list.js.map +0 -1
  43. package/cjs/charts/ranking-list/utils.d.ts +0 -7
  44. package/cjs/charts/ranking-list/utils.js +0 -51
  45. package/cjs/charts/ranking-list/utils.js.map +0 -1
  46. package/cjs/charts/sequence-scatter-kde/constant.d.ts +0 -3
  47. package/cjs/charts/sequence-scatter-kde/constant.js +0 -7
  48. package/cjs/charts/sequence-scatter-kde/constant.js.map +0 -1
  49. package/cjs/charts/sequence-scatter-kde/interface.d.ts +0 -29
  50. package/cjs/charts/sequence-scatter-kde/interface.js +0 -6
  51. package/cjs/charts/sequence-scatter-kde/interface.js.map +0 -1
  52. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.d.ts +0 -6
  53. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js +0 -142
  54. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js.map +0 -1
  55. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.d.ts +0 -16
  56. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.js +0 -34
  57. package/cjs/charts/sequence-scatter-kde/sequence-scatter-kde.js.map +0 -1
  58. package/cjs/charts/sequence-scatter-kde/utils.d.ts +0 -9
  59. package/cjs/charts/sequence-scatter-kde/utils.js +0 -42
  60. package/cjs/charts/sequence-scatter-kde/utils.js.map +0 -1
  61. package/cjs/charts/sequence-scatter-link/interface.d.ts +0 -59
  62. package/cjs/charts/sequence-scatter-link/interface.js +0 -6
  63. package/cjs/charts/sequence-scatter-link/interface.js.map +0 -1
  64. package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.d.ts +0 -6
  65. package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.js +0 -328
  66. package/cjs/charts/sequence-scatter-link/sequence-scatter-link-transformer.js.map +0 -1
  67. package/cjs/charts/sequence-scatter-link/sequence-scatter-link.d.ts +0 -16
  68. package/cjs/charts/sequence-scatter-link/sequence-scatter-link.js +0 -34
  69. package/cjs/charts/sequence-scatter-link/sequence-scatter-link.js.map +0 -1
  70. package/cjs/charts/sequence-scatter-link/utils.d.ts +0 -9
  71. package/cjs/charts/sequence-scatter-link/utils.js +0 -108
  72. package/cjs/charts/sequence-scatter-link/utils.js.map +0 -1
  73. package/cjs/charts/sequence-scatter-pixel/constant.d.ts +0 -3
  74. package/cjs/charts/sequence-scatter-pixel/constant.js +0 -7
  75. package/cjs/charts/sequence-scatter-pixel/constant.js.map +0 -1
  76. package/cjs/charts/sequence-scatter-pixel/interface.d.ts +0 -29
  77. package/cjs/charts/sequence-scatter-pixel/interface.js +0 -6
  78. package/cjs/charts/sequence-scatter-pixel/interface.js.map +0 -1
  79. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.d.ts +0 -4
  80. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +0 -68
  81. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js.map +0 -1
  82. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.d.ts +0 -16
  83. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +0 -34
  84. package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.js.map +0 -1
  85. package/cjs/charts/sequence-scatter-pixel/utils.d.ts +0 -3
  86. package/cjs/charts/sequence-scatter-pixel/utils.js +0 -53
  87. package/cjs/charts/sequence-scatter-pixel/utils.js.map +0 -1
  88. package/cjs/components/bar-link/bar-link.d.ts +0 -7
  89. package/cjs/components/bar-link/bar-link.js +0 -87
  90. package/cjs/components/bar-link/bar-link.js.map +0 -1
  91. package/cjs/components/bar-link/constant.d.ts +0 -1
  92. package/cjs/components/bar-link/constant.js +0 -6
  93. package/cjs/components/bar-link/constant.js.map +0 -1
  94. package/cjs/components/bar-link/index.d.ts +0 -4
  95. package/cjs/components/bar-link/index.js +0 -49
  96. package/cjs/components/bar-link/index.js.map +0 -1
  97. package/cjs/components/bar-link/type.d.ts +0 -27
  98. package/cjs/components/bar-link/type.js +0 -6
  99. package/cjs/components/bar-link/type.js.map +0 -1
  100. package/cjs/components/bar-link/util.d.ts +0 -22
  101. package/cjs/components/bar-link/util.js +0 -183
  102. package/cjs/components/bar-link/util.js.map +0 -1
  103. package/cjs/components/series-break/constant.d.ts +0 -1
  104. package/cjs/components/series-break/constant.js +0 -6
  105. package/cjs/components/series-break/constant.js.map +0 -1
  106. package/cjs/components/series-break/index.d.ts +0 -4
  107. package/cjs/components/series-break/index.js +0 -49
  108. package/cjs/components/series-break/index.js.map +0 -1
  109. package/cjs/components/series-break/series-break.d.ts +0 -7
  110. package/cjs/components/series-break/series-break.js +0 -118
  111. package/cjs/components/series-break/series-break.js.map +0 -1
  112. package/cjs/components/series-break/type.d.ts +0 -14
  113. package/cjs/components/series-break/type.js +0 -6
  114. package/cjs/components/series-break/type.js.map +0 -1
  115. package/cjs/components/series-break/util.d.ts +0 -13
  116. package/cjs/components/series-break/util.js +0 -248
  117. package/cjs/components/series-break/util.js.map +0 -1
  118. package/cjs/components/series-label/constant.d.ts +0 -1
  119. package/cjs/components/series-label/constant.js +0 -6
  120. package/cjs/components/series-label/constant.js.map +0 -1
  121. package/cjs/components/series-label/index.d.ts +0 -3
  122. package/cjs/components/series-label/index.js +0 -49
  123. package/cjs/components/series-label/index.js.map +0 -1
  124. package/cjs/components/series-label/series-label.d.ts +0 -7
  125. package/cjs/components/series-label/series-label.js +0 -114
  126. package/cjs/components/series-label/series-label.js.map +0 -1
  127. package/cjs/components/series-label/type.d.ts +0 -41
  128. package/cjs/components/series-label/type.js +0 -6
  129. package/cjs/components/series-label/type.js.map +0 -1
  130. package/cjs/components/series-label/util.d.ts +0 -33
  131. package/cjs/components/series-label/util.js +0 -152
  132. package/cjs/components/series-label/util.js.map +0 -1
  133. package/cjs/index.d.ts +0 -9
  134. package/cjs/index.js +0 -25
  135. package/cjs/index.js.map +0 -1
  136. package/cjs/type/index.d.ts +0 -1
  137. package/cjs/type/index.js +0 -21
  138. package/cjs/type/index.js.map +0 -1
  139. package/cjs/type/type.d.ts +0 -8
  140. package/cjs/type/type.js +0 -6
  141. package/cjs/type/type.js.map +0 -1
  142. package/cjs/utils/element.d.ts +0 -7
  143. package/cjs/utils/element.js +0 -21
  144. package/cjs/utils/element.js.map +0 -1
  145. package/cjs/utils/math.d.ts +0 -1
  146. package/cjs/utils/math.js +0 -10
  147. package/cjs/utils/math.js.map +0 -1
  148. package/esm/charts/conversion-funnel/arrow-data-transform.d.ts +0 -24
  149. package/esm/charts/conversion-funnel/arrow-data-transform.js +0 -94
  150. package/esm/charts/conversion-funnel/arrow-data-transform.js.map +0 -1
  151. package/esm/charts/conversion-funnel/conversion-funnel-transformer.d.ts +0 -7
  152. package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +0 -192
  153. package/esm/charts/conversion-funnel/conversion-funnel-transformer.js.map +0 -1
  154. package/esm/charts/conversion-funnel/conversion-funnel.d.ts +0 -40
  155. package/esm/charts/conversion-funnel/conversion-funnel.js +0 -81
  156. package/esm/charts/conversion-funnel/conversion-funnel.js.map +0 -1
  157. package/esm/charts/conversion-funnel/index.d.ts +0 -2
  158. package/esm/charts/conversion-funnel/index.js +0 -4
  159. package/esm/charts/conversion-funnel/index.js.map +0 -1
  160. package/esm/charts/conversion-funnel/interface.d.ts +0 -35
  161. package/esm/charts/conversion-funnel/interface.js +0 -2
  162. package/esm/charts/conversion-funnel/interface.js.map +0 -1
  163. package/esm/charts/conversion-funnel/util.d.ts +0 -3
  164. package/esm/charts/conversion-funnel/util.js +0 -10
  165. package/esm/charts/conversion-funnel/util.js.map +0 -1
  166. package/esm/charts/ranking-bar/interface.d.ts +0 -45
  167. package/esm/charts/ranking-bar/interface.js +0 -1
  168. package/esm/charts/ranking-bar/interface.js.map +0 -1
  169. package/esm/charts/ranking-bar/ranking-bar-transformer.d.ts +0 -10
  170. package/esm/charts/ranking-bar/ranking-bar-transformer.js +0 -285
  171. package/esm/charts/ranking-bar/ranking-bar-transformer.js.map +0 -1
  172. package/esm/charts/ranking-bar/ranking-bar.d.ts +0 -16
  173. package/esm/charts/ranking-bar/ranking-bar.js +0 -27
  174. package/esm/charts/ranking-bar/ranking-bar.js.map +0 -1
  175. package/esm/charts/ranking-list/constant.d.ts +0 -2
  176. package/esm/charts/ranking-list/constant.js +0 -69
  177. package/esm/charts/ranking-list/constant.js.map +0 -1
  178. package/esm/charts/ranking-list/interface.d.ts +0 -74
  179. package/esm/charts/ranking-list/interface.js +0 -2
  180. package/esm/charts/ranking-list/interface.js.map +0 -1
  181. package/esm/charts/ranking-list/ranking-list-transformer.d.ts +0 -459
  182. package/esm/charts/ranking-list/ranking-list-transformer.js +0 -383
  183. package/esm/charts/ranking-list/ranking-list-transformer.js.map +0 -1
  184. package/esm/charts/ranking-list/ranking-list.d.ts +0 -16
  185. package/esm/charts/ranking-list/ranking-list.js +0 -27
  186. package/esm/charts/ranking-list/ranking-list.js.map +0 -1
  187. package/esm/charts/ranking-list/utils.d.ts +0 -7
  188. package/esm/charts/ranking-list/utils.js +0 -41
  189. package/esm/charts/ranking-list/utils.js.map +0 -1
  190. package/esm/charts/sequence-scatter-kde/constant.d.ts +0 -3
  191. package/esm/charts/sequence-scatter-kde/constant.js +0 -6
  192. package/esm/charts/sequence-scatter-kde/constant.js.map +0 -1
  193. package/esm/charts/sequence-scatter-kde/interface.d.ts +0 -29
  194. package/esm/charts/sequence-scatter-kde/interface.js +0 -2
  195. package/esm/charts/sequence-scatter-kde/interface.js.map +0 -1
  196. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.d.ts +0 -6
  197. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js +0 -137
  198. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde-transformer.js.map +0 -1
  199. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.d.ts +0 -16
  200. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.js +0 -28
  201. package/esm/charts/sequence-scatter-kde/sequence-scatter-kde.js.map +0 -1
  202. package/esm/charts/sequence-scatter-kde/utils.d.ts +0 -9
  203. package/esm/charts/sequence-scatter-kde/utils.js +0 -34
  204. package/esm/charts/sequence-scatter-kde/utils.js.map +0 -1
  205. package/esm/charts/sequence-scatter-link/interface.d.ts +0 -59
  206. package/esm/charts/sequence-scatter-link/interface.js +0 -2
  207. package/esm/charts/sequence-scatter-link/interface.js.map +0 -1
  208. package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.d.ts +0 -6
  209. package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js +0 -321
  210. package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js.map +0 -1
  211. package/esm/charts/sequence-scatter-link/sequence-scatter-link.d.ts +0 -16
  212. package/esm/charts/sequence-scatter-link/sequence-scatter-link.js +0 -28
  213. package/esm/charts/sequence-scatter-link/sequence-scatter-link.js.map +0 -1
  214. package/esm/charts/sequence-scatter-link/utils.d.ts +0 -9
  215. package/esm/charts/sequence-scatter-link/utils.js +0 -100
  216. package/esm/charts/sequence-scatter-link/utils.js.map +0 -1
  217. package/esm/charts/sequence-scatter-pixel/constant.d.ts +0 -3
  218. package/esm/charts/sequence-scatter-pixel/constant.js +0 -6
  219. package/esm/charts/sequence-scatter-pixel/constant.js.map +0 -1
  220. package/esm/charts/sequence-scatter-pixel/interface.d.ts +0 -29
  221. package/esm/charts/sequence-scatter-pixel/interface.js +0 -2
  222. package/esm/charts/sequence-scatter-pixel/interface.js.map +0 -1
  223. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.d.ts +0 -4
  224. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +0 -64
  225. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js.map +0 -1
  226. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.d.ts +0 -16
  227. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +0 -28
  228. package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.js.map +0 -1
  229. package/esm/charts/sequence-scatter-pixel/utils.d.ts +0 -3
  230. package/esm/charts/sequence-scatter-pixel/utils.js +0 -45
  231. package/esm/charts/sequence-scatter-pixel/utils.js.map +0 -1
  232. package/esm/components/bar-link/bar-link.d.ts +0 -7
  233. package/esm/components/bar-link/bar-link.js +0 -85
  234. package/esm/components/bar-link/bar-link.js.map +0 -1
  235. package/esm/components/bar-link/constant.d.ts +0 -1
  236. package/esm/components/bar-link/constant.js +0 -2
  237. package/esm/components/bar-link/constant.js.map +0 -1
  238. package/esm/components/bar-link/index.d.ts +0 -4
  239. package/esm/components/bar-link/index.js +0 -8
  240. package/esm/components/bar-link/index.js.map +0 -1
  241. package/esm/components/bar-link/type.d.ts +0 -27
  242. package/esm/components/bar-link/type.js +0 -2
  243. package/esm/components/bar-link/type.js.map +0 -1
  244. package/esm/components/bar-link/util.d.ts +0 -22
  245. package/esm/components/bar-link/util.js +0 -178
  246. package/esm/components/bar-link/util.js.map +0 -1
  247. package/esm/components/series-break/constant.d.ts +0 -1
  248. package/esm/components/series-break/constant.js +0 -2
  249. package/esm/components/series-break/constant.js.map +0 -1
  250. package/esm/components/series-break/index.d.ts +0 -4
  251. package/esm/components/series-break/index.js +0 -8
  252. package/esm/components/series-break/index.js.map +0 -1
  253. package/esm/components/series-break/series-break.d.ts +0 -7
  254. package/esm/components/series-break/series-break.js +0 -115
  255. package/esm/components/series-break/series-break.js.map +0 -1
  256. package/esm/components/series-break/type.d.ts +0 -14
  257. package/esm/components/series-break/type.js +0 -2
  258. package/esm/components/series-break/type.js.map +0 -1
  259. package/esm/components/series-break/util.d.ts +0 -13
  260. package/esm/components/series-break/util.js +0 -244
  261. package/esm/components/series-break/util.js.map +0 -1
  262. package/esm/components/series-label/constant.d.ts +0 -1
  263. package/esm/components/series-label/constant.js +0 -2
  264. package/esm/components/series-label/constant.js.map +0 -1
  265. package/esm/components/series-label/index.d.ts +0 -3
  266. package/esm/components/series-label/index.js +0 -6
  267. package/esm/components/series-label/index.js.map +0 -1
  268. package/esm/components/series-label/series-label.d.ts +0 -7
  269. package/esm/components/series-label/series-label.js +0 -110
  270. package/esm/components/series-label/series-label.js.map +0 -1
  271. package/esm/components/series-label/type.d.ts +0 -41
  272. package/esm/components/series-label/type.js +0 -2
  273. package/esm/components/series-label/type.js.map +0 -1
  274. package/esm/components/series-label/util.d.ts +0 -33
  275. package/esm/components/series-label/util.js +0 -144
  276. package/esm/components/series-label/util.js.map +0 -1
  277. package/esm/index.d.ts +0 -9
  278. package/esm/index.js +0 -17
  279. package/esm/index.js.map +0 -1
  280. package/esm/type/index.d.ts +0 -1
  281. package/esm/type/index.js +0 -2
  282. package/esm/type/index.js.map +0 -1
  283. package/esm/type/type.d.ts +0 -8
  284. package/esm/type/type.js +0 -2
  285. package/esm/type/type.js.map +0 -1
  286. package/esm/utils/element.d.ts +0 -7
  287. package/esm/utils/element.js +0 -15
  288. package/esm/utils/element.js.map +0 -1
  289. package/esm/utils/math.d.ts +0 -1
  290. package/esm/utils/math.js +0 -4
  291. package/esm/utils/math.js.map +0 -1
@@ -1,192 +0,0 @@
1
- var __rest = this && this.__rest || function(s, e) {
2
- var t = {};
3
- for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
4
- if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
5
- var i = 0;
6
- for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
7
- }
8
- return t;
9
- };
10
-
11
- import { FunnelChart } from "@visactor/vchart";
12
-
13
- import { isFunction } from "@visactor/vutils";
14
-
15
- import { DEFAULT_ARROW_MARK_STYLE, DEFAULT_ARROW_SYMBOL_MARK_STYLE, DEFAULT_ARROW_TEXT_MARK_STYLE, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE } from "./conversion-funnel";
16
-
17
- export class ConversionFunnelChartSpecTransformer extends FunnelChart.transformerConstructor {
18
- transformSpec(spec) {
19
- const {conversionArrow: conversionArrow, extensionMark: extensionMark = [], funnelBackground: funnelBackground} = spec;
20
- if (conversionArrow && conversionArrow.arrows && conversionArrow.arrows.length) {
21
- const marks = addArrowMark(conversionArrow);
22
- marks && marks.length && extensionMark.push(...marks);
23
- }
24
- if (funnelBackground && funnelBackground.visible) {
25
- const mark = addFunnelBackgroundMark(funnelBackground);
26
- mark && extensionMark.push(mark);
27
- }
28
- spec.extensionMark = extensionMark, super.transformSpec(spec);
29
- }
30
- _getDefaultSeriesSpec(spec) {
31
- const seriesSpec = super._getDefaultSeriesSpec(spec);
32
- return seriesSpec.conversionArrow = spec.conversionArrow, seriesSpec.funnelBackground = spec.funnelBackground,
33
- seriesSpec;
34
- }
35
- }
36
-
37
- function addArrowMark(arrowSpec) {
38
- const {arrows: arrows} = arrowSpec, style = __rest(arrowSpec, [ "arrows" ]), leftArrows = arrows.filter((arrow => "left" === arrow.position)), rightGroup = computeArrows(arrows.filter((arrow => "right" === arrow.position)), style), leftGroup = computeArrows(leftArrows, style), result = [];
39
- return rightGroup && (rightGroup.name = "arrowRight", result.push(rightGroup)),
40
- leftGroup && (leftGroup.name = "arrowLeft", result.push(leftGroup)), result;
41
- }
42
-
43
- function computeArrows(arrows, style) {
44
- if (0 === (null == arrows ? void 0 : arrows.length)) return null;
45
- const {line: line, symbol: symbol, text: text, margin: margin} = style, result = [], rootGroup = {
46
- type: "group",
47
- children: []
48
- }, lineMark = generateArrowLineSpec(line, margin);
49
- lineMark && result.push(lineMark);
50
- const arrowMark = generateArrowSymbolSpec(symbol, margin);
51
- arrowMark && result.push(arrowMark);
52
- const textMark = generateArrowTextSpec(text, margin);
53
- return textMark && result.push(textMark), rootGroup.children = result, rootGroup;
54
- }
55
-
56
- function generateArrowLineSpec(line = {}, margin) {
57
- const {style: style = {}} = line, rest = __rest(line, [ "style" ]), renderable = (arrow, ctx) => {
58
- var _a, _b;
59
- const {from: from, to: to} = arrow, {vchart: vchart} = ctx, data = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData;
60
- return !(to > data.length - 1 || from > data.length - 1);
61
- };
62
- return Object.assign(Object.assign({
63
- type: "polygon",
64
- interactive: !1
65
- }, rest), {
66
- dataKey: arrow => `${arrow.id}`,
67
- style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_MARK_STYLE), style), {
68
- renderable: renderable,
69
- points: (arrow, ctx) => {
70
- if (!renderable(arrow, ctx)) return [];
71
- let points = arrow.layout.points;
72
- return points = prepareArrowPoints(arrow, ctx, margin), points;
73
- }
74
- })
75
- });
76
- }
77
-
78
- function generateArrowSymbolSpec(symbol = {}, margin) {
79
- const {style: style = {}} = symbol, rest = __rest(symbol, [ "style" ]);
80
- return Object.assign(Object.assign({
81
- type: "symbol",
82
- interactive: !1,
83
- dataKey: arrow => `${arrow.id}`
84
- }, rest), {
85
- style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_SYMBOL_MARK_STYLE), style), {
86
- x: (arrow, ctx) => {
87
- var _a, _b;
88
- let points = arrow.layout.points;
89
- return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : NaN;
90
- },
91
- y: (arrow, ctx) => {
92
- var _a, _b;
93
- let points = arrow.layout.points;
94
- return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : NaN;
95
- },
96
- angle: arrow => "left" === arrow.position ? 90 : -90
97
- })
98
- });
99
- }
100
-
101
- function generateArrowTextSpec(text = {}, margin) {
102
- const {style: style = {}, formatMethod: formatMethod, textMargin: textMargin = 4} = text, rest = __rest(text, [ "style", "formatMethod", "textMargin" ]);
103
- return Object.assign(Object.assign({
104
- type: "text",
105
- dataKey: arrow => `${arrow.id}`,
106
- interactive: !1,
107
- animation: !1
108
- }, rest), {
109
- style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_TEXT_MARK_STYLE), {
110
- text: (arrow, ctx) => {
111
- var _a, _b, _c, _d, _e, _f, _g;
112
- const {text: textContent} = arrow;
113
- let displayTextContent = textContent;
114
- if (isFunction(formatMethod)) {
115
- const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null !== (_c = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData) && void 0 !== _c ? _c : [], viewData = null !== (_g = null === (_f = null === (_e = null === (_d = null == vchart ? void 0 : vchart.getChart()) || void 0 === _d ? void 0 : _d.getAllSeries()[0]) || void 0 === _e ? void 0 : _e.getViewData()) || void 0 === _f ? void 0 : _f.latestData) && void 0 !== _g ? _g : [], fromData = viewData.find((datum => datum[field] === rawData[from][field])), toData = viewData.find((datum => datum[field] === rawData[to][field]));
116
- displayTextContent = formatMethod(textContent, {
117
- arrow: arrow,
118
- from: fromData,
119
- to: toData
120
- });
121
- }
122
- return displayTextContent;
123
- },
124
- x: (arrow, ctx) => {
125
- var _a, _b;
126
- let points = arrow.layout.points;
127
- return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = (null === (_a = points[1]) || void 0 === _a ? void 0 : _a.x) + ("left" === arrow.position ? -textMargin : textMargin)) && void 0 !== _b ? _b : NaN;
128
- },
129
- y: (arrow, ctx) => {
130
- var _a, _b, _c;
131
- let points = arrow.layout.points;
132
- return points = prepareArrowPoints(arrow, ctx, margin), null !== (_c = ((null === (_a = points[1]) || void 0 === _a ? void 0 : _a.y) + (null === (_b = points[2]) || void 0 === _b ? void 0 : _b.y)) / 2) && void 0 !== _c ? _c : NaN;
133
- },
134
- textAlign: arrow => "left" === arrow.position ? "right" : "left",
135
- textBaseline: "middle"
136
- }), style)
137
- });
138
- }
139
-
140
- function prepareArrowPoints(arrow, ctx, margin) {
141
- var _a, _b, _c, _d, _e;
142
- const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData, viewData = null === (_e = null === (_d = null === (_c = null == vchart ? void 0 : vchart.getChart()) || void 0 === _c ? void 0 : _c.getAllSeries()[0]) || void 0 === _d ? void 0 : _d.getViewData()) || void 0 === _e ? void 0 : _e.latestData;
143
- let points = [];
144
- if (rawData && rawData.length) {
145
- const fromDatum = viewData.find((datum => datum[field] === rawData[from][field])), toDatum = viewData.find((datum => datum[field] === rawData[to][field])), firstDatum = viewData[0];
146
- if (fromDatum && toDatum && firstDatum) {
147
- points = computeArrowPoints(arrow, ctx.getPoints(fromDatum), ctx.getPoints(toDatum), ctx.getPoints(firstDatum), margin),
148
- arrow.layout.points = points;
149
- }
150
- }
151
- return points;
152
- }
153
-
154
- function computeArrowPoints(arrow, fromPoints, toPoints, firstPoints, margin = 12) {
155
- const {layout: layout, distance: distance, position: position} = arrow, {level: level, fromIndex: fromIndex, toIndex: toIndex, fromTotal: fromTotal, toTotal: toTotal} = layout, isRight = "right" === position, fromTop = isRight ? fromPoints[1] : fromPoints[0], fromBottom = isRight ? fromPoints[2] : fromPoints[3], fromHeight = Math.abs(fromTop.y - fromBottom.y), toTop = isRight ? toPoints[1] : toPoints[0], toBottom = isRight ? toPoints[2] : toPoints[3], toHeight = Math.abs(toTop.y - toBottom.y), firstTop = isRight ? firstPoints[1] : firstPoints[0], fromOffset = fromHeight / (fromTotal + 1), toOffset = toHeight / (toTotal + 1), fromY = fromTop.y + fromOffset * (fromIndex + 1), toY = toTop.y + toOffset * (toIndex + 1), sign = isRight ? -1 : 1;
156
- return [ {
157
- x: fromTop.x - margin * sign,
158
- y: fromY
159
- }, {
160
- x: firstTop.x - (margin + (level + 1) * distance) * sign,
161
- y: fromY
162
- }, {
163
- x: firstTop.x - (margin + (level + 1) * distance) * sign,
164
- y: toY
165
- }, {
166
- x: toTop.x - margin * sign,
167
- y: toY
168
- } ];
169
- }
170
-
171
- function addFunnelBackgroundMark(funnelBackground) {
172
- const {style: style = {}} = funnelBackground, rest = __rest(funnelBackground, [ "style" ]);
173
- return Object.assign(Object.assign({
174
- type: "rect"
175
- }, rest), {
176
- dataIndex: 0,
177
- zIndex: 0,
178
- style: Object.assign(Object.assign(Object.assign({}, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE), style), {
179
- x: 0,
180
- y: (datum, ctx) => ctx.getPoints(datum)[0].y,
181
- width: (datum, ctx) => {
182
- const region = ctx.getRegion(), {width: width} = region.getLayoutRect();
183
- return width;
184
- },
185
- height: (datum, ctx) => {
186
- const points = ctx.getPoints(datum), tl = points[0];
187
- return points[3].y - tl.y;
188
- }
189
- })
190
- });
191
- }
192
- //# sourceMappingURL=conversion-funnel-transformer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/conversion-funnel/conversion-funnel-transformer.ts"],"names":[],"mappings":";;;;;;;;;;;AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,wBAAwB,EACxB,+BAA+B,EAC/B,6BAA6B,EAC7B,oCAAoC,EACrC,MAAM,qBAAqB,CAAC;AAE7B,MAAM,OAAO,oCAAqC,SAAQ,WAAW,CACnE,wBAAwB,CACO;IAC/B,aAAa,CAAC,IAAoC;QAChD,MAAM,EAAE,eAAe,EAAE,aAAa,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;QACvE,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE;YAC9E,MAAM,KAAK,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;gBACzB,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;aAC9B;SACF;QACD,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAChD,MAAM,IAAI,GAAG,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;YACvD,IAAI,IAAI,EAAE;gBACR,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;QACD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,qBAAqB,CAAC,IAAoC;QACxD,MAAM,UAAU,GAAG,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpD,UAA6C,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QACrF,UAA6C,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACxF,OAAO,UAAU,CAAC;IACpB,CAAC;CACF;AAGD,SAAS,YAAY,CAAC,SAAmD;IACvE,MAAM,EAAE,MAAM,KAAe,SAAS,EAAnB,KAAK,UAAK,SAAS,EAAhC,UAAoB,CAAY,CAAC;IACvC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,UAAU,CAAC,IAAI,GAAG,YAAY,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;IACD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,GAAG,WAAW,CAAC;QAC7B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACxB;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,aAAa,CAAC,MAAe,EAAE,KAA+D;IACrG,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,MAAM,GAAwD,EAAE,CAAC;IAEvE,MAAM,SAAS,GAA4B;QACzC,IAAI,EAAE,OAAc;QACpB,QAAQ,EAAE,EAAE;KACb,CAAC;IACF,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACrD,IAAI,QAAQ,EAAE;QACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvB;IACD,MAAM,SAAS,GAAG,uBAAuB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1D,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACxB;IACD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACrD,IAAI,QAAQ,EAAE;QACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvB;IACD,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAC;IAC5B,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAyD,EAAE,EAAE,MAAe;IACzG,MAAM,EAAE,KAAK,GAAG,EAAE,KAAc,IAAI,EAAb,IAAI,UAAK,IAAI,EAA9B,SAAuB,CAAO,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;QAC1C,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;QAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QACvB,MAAM,IAAI,GAAG,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,0CAAE,aAAa,EAAE,0CAAE,UAAU,CAAC;QAC7D,IAAI,CAAC,IAAI,EAAE;YACT,KAAK,CAAC;SACP;QACD,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YAClD,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,8BACL,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,KAAK,IACf,IAAI,KACP,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,EAC/B,KAAK,gDACA,wBAAwB,GACxB,KAAK,KACR,UAAU,EACV,MAAM,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;oBAC3B,OAAO,EAAE,CAAC;iBACX;gBACD,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAChD,OAAO,MAAM,CAAC;YAChB,CAAC,MAE6B,CAAC;AACrC,CAAC;AAED,SAAS,uBAAuB,CAAC,SAA6D,EAAE,EAAE,MAAe;IAC/G,MAAM,EAAE,KAAK,GAAG,EAAE,KAAc,MAAM,EAAf,IAAI,UAAK,MAAM,EAAhC,SAAuB,CAAS,CAAC;IACvC,OAAO,8BACL,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,IAC5B,IAAI,KACP,KAAK,gDACA,+BAA+B,GAC/B,KAAK,KAER,CAAC,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;gBAC1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAChD,OAAO,MAAA,MAAA,MAAM,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,IAAG,CAAC,CAAC,0CAAE,CAAC,mCAAI,GAAG,CAAC;YAC9C,CAAC,EACD,CAAC,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;gBAC1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAChD,OAAO,MAAA,MAAA,MAAM,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,IAAG,CAAC,CAAC,0CAAE,CAAC,mCAAI,GAAG,CAAC;YAC9C,CAAC,EACD,KAAK,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAEhC,CAAC;AACpC,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAyD,EAAE,EAAE,MAAe;IACzG,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,EAAE,UAAU,GAAG,CAAC,KAAc,IAAI,EAAb,IAAI,UAAK,IAAI,EAA5D,uCAAqD,CAAO,CAAC;IAEnE,OAAO,8BACL,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,EAC/B,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,KAAK,IACb,IAAI,KACP,KAAK,gDACA,6BAA6B,KAChC,IAAI,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;gBAC7B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;gBACpC,IAAI,kBAAkB,GAAoC,WAAW,CAAC;gBAEtE,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE;oBAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;oBACvB,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;oBAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;oBAChC,MAAM,OAAO,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,0CAAE,aAAa,EAAE,0CAAE,UAAU,mCAAI,EAAE,CAAC;oBACtE,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,0CAAE,YAAY,GAAG,CAAC,CAAC,0CAAE,WAAW,EAAE,0CAAE,UAAU,mCAAI,EAAE,CAAC;oBAExF,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtF,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;oBAElF,kBAAkB,GAAG,YAAY,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;iBACvF;gBACD,OAAO,kBAAkB,CAAC;YAC5B,CAAC,EACD,CAAC,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;gBAC1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAChD,OAAO,MAAA,CAAA,MAAA,MAAM,CAAC,CAAC,CAAC,0CAAE,CAAC,IAAG,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,mCAAI,GAAG,CAAC;YACtF,CAAC,EACD,CAAC,EAAE,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;;gBAC1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAChD,OAAO,MAAA,CAAC,CAAA,MAAA,MAAM,CAAC,CAAC,CAAC,0CAAE,CAAC,KAAG,MAAA,MAAM,CAAC,CAAC,CAAC,0CAAE,CAAC,CAAA,CAAC,GAAG,CAAC,mCAAI,GAAG,CAAC;YAClD,CAAC,EACD,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EACzE,YAAY,EAAE,QAAQ,KACnB,KAAK,IAEmB,CAAC;AAClC,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAkB,EAAE,GAAQ,EAAE,MAAe;;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAChC,MAAM,OAAO,GAAG,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,0CAAE,aAAa,EAAE,0CAAE,UAAU,CAAC;IAChE,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,0CAAE,YAAY,GAAG,CAAC,CAAC,0CAAE,WAAW,EAAE,0CAAE,UAAU,CAAC;IAElF,IAAI,MAAM,GAAiB,EAAE,CAAC;IAE9B,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE;QAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACnF,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAE/B,IAAI,SAAS,IAAI,OAAO,IAAI,UAAU,EAAE;YACtC,MAAM,UAAU,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YAC5C,MAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAC9C,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;YAC9E,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;SAC9B;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAkB,EAClB,UAAwB,EACxB,QAAsB,EACtB,WAAyB,EACzB,MAAM,GAAG,EAAE;IAEX,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAEjE,MAAM,OAAO,GAAG,QAAQ,KAAK,OAAO,CAAC;IAErC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,UAAU,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAE1C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG;QACb,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE;QAC1C,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE;QACtE;YACE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,IAAI;YACxD,CAAC,EAAE,GAAG;SACP;QACD;YACE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI;YAC1B,CAAC,EAAE,GAAG;SACP;KACF,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC;AAGD,SAAS,uBAAuB,CAAC,gBAA2D;IAC1F,MAAM,EAAE,KAAK,GAAG,EAAE,KAAc,gBAAgB,EAAzB,IAAI,UAAK,gBAAgB,EAA1C,SAAuB,CAAmB,CAAC;IACjD,OAAO,8BACL,IAAI,EAAE,MAAM,IACT,IAAI,KACP,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE,CAAC,EACT,KAAK,gDACA,oCAAoC,GACpC,KAAK,KACR,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;gBACrB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBACpC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrB,OAAO,EAAE,CAAC,CAAC,CAAC;YACd,CAAC,EACD,KAAK,EAAE,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,CAAC;gBAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;gBACzC,OAAO,KAAK,CAAC;YACf,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;gBAC1B,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBACpC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrB,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YACrB,CAAC,MAE0B,CAAC;AAClC,CAAC","file":"conversion-funnel-transformer.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IExtensionGroupMarkSpec, IExtensionMarkSpec } from '@visactor/vchart';\nimport type { IConversionFunnelSpec, IConversionFunnelChartSpecBase, Arrow } from './interface';\nimport type { ParsedArrow } from './arrow-data-transform';\nimport { FunnelChart } from '@visactor/vchart';\nimport { isFunction } from '@visactor/vutils';\nimport {\n DEFAULT_ARROW_MARK_STYLE,\n DEFAULT_ARROW_SYMBOL_MARK_STYLE,\n DEFAULT_ARROW_TEXT_MARK_STYLE,\n DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE\n} from './conversion-funnel';\n\nexport class ConversionFunnelChartSpecTransformer extends FunnelChart[\n 'transformerConstructor'\n]<IConversionFunnelChartSpecBase> {\n transformSpec(spec: IConversionFunnelChartSpecBase): void {\n const { conversionArrow, extensionMark = [], funnelBackground } = spec;\n if (conversionArrow && conversionArrow.arrows && conversionArrow.arrows.length) {\n const marks = addArrowMark(conversionArrow);\n if (marks && marks.length) {\n extensionMark.push(...marks);\n }\n }\n if (funnelBackground && funnelBackground.visible) {\n const mark = addFunnelBackgroundMark(funnelBackground);\n if (mark) {\n extensionMark.push(mark);\n }\n }\n spec.extensionMark = extensionMark;\n super.transformSpec(spec);\n }\n\n _getDefaultSeriesSpec(spec: IConversionFunnelChartSpecBase) {\n const seriesSpec = super._getDefaultSeriesSpec(spec);\n (seriesSpec as IConversionFunnelChartSpecBase).conversionArrow = spec.conversionArrow;\n (seriesSpec as IConversionFunnelChartSpecBase).funnelBackground = spec.funnelBackground;\n return seriesSpec;\n }\n}\n\n/** Arrow Related */\nfunction addArrowMark(arrowSpec: IConversionFunnelSpec['conversionArrow']) {\n const { arrows, ...style } = arrowSpec;\n const leftArrows = arrows.filter(arrow => arrow.position === 'left');\n const rightArrows = arrows.filter(arrow => arrow.position === 'right');\n\n const rightGroup = computeArrows(rightArrows, style);\n const leftGroup = computeArrows(leftArrows, style);\n\n const result = [];\n if (rightGroup) {\n rightGroup.name = 'arrowRight';\n result.push(rightGroup);\n }\n if (leftGroup) {\n leftGroup.name = 'arrowLeft';\n result.push(leftGroup);\n }\n\n return result;\n}\n\nfunction computeArrows(arrows: Arrow[], style: Omit<IConversionFunnelSpec['conversionArrow'], 'arrows'>) {\n if (arrows?.length === 0) {\n return null;\n }\n\n const { line, symbol, text, margin } = style;\n\n const result: IExtensionMarkSpec<'polygon' | 'symbol' | 'text'>[] = [];\n\n const rootGroup: IExtensionGroupMarkSpec = {\n type: 'group' as any,\n children: []\n };\n const lineMark = generateArrowLineSpec(line, margin);\n if (lineMark) {\n result.push(lineMark);\n }\n const arrowMark = generateArrowSymbolSpec(symbol, margin);\n if (arrowMark) {\n result.push(arrowMark);\n }\n const textMark = generateArrowTextSpec(text, margin);\n if (textMark) {\n result.push(textMark);\n }\n rootGroup.children = result;\n return rootGroup;\n}\n\nfunction generateArrowLineSpec(line: IConversionFunnelSpec['conversionArrow']['line'] = {}, margin?: number) {\n const { style = {}, ...rest } = line;\n const renderable = (arrow: any, ctx: any) => {\n const { from, to } = arrow;\n const { vchart } = ctx;\n const data = vchart?.getChart()?.getSeriesData()?.latestData;\n if (!data) {\n false;\n }\n if (to > data.length - 1 || from > data.length - 1) {\n return false;\n }\n return true;\n };\n\n return {\n type: 'polygon',\n interactive: false,\n ...rest,\n dataKey: arrow => `${arrow.id}`,\n style: {\n ...DEFAULT_ARROW_MARK_STYLE,\n ...style,\n renderable,\n points: (arrow: any, ctx: any) => {\n if (!renderable(arrow, ctx)) {\n return [];\n }\n let points = arrow.layout.points;\n points = prepareArrowPoints(arrow, ctx, margin);\n return points;\n }\n }\n } as IExtensionMarkSpec<'polygon'>;\n}\n\nfunction generateArrowSymbolSpec(symbol: IConversionFunnelSpec['conversionArrow']['symbol'] = {}, margin?: number) {\n const { style = {}, ...rest } = symbol;\n return {\n type: 'symbol',\n interactive: false,\n dataKey: arrow => `${arrow.id}`,\n ...rest,\n style: {\n ...DEFAULT_ARROW_SYMBOL_MARK_STYLE,\n ...style,\n\n x: (arrow: any, ctx: any) => {\n let points = arrow.layout.points;\n points = prepareArrowPoints(arrow, ctx, margin);\n return points[points?.length - 1]?.x ?? NaN;\n },\n y: (arrow: any, ctx: any) => {\n let points = arrow.layout.points;\n points = prepareArrowPoints(arrow, ctx, margin);\n return points[points?.length - 1]?.y ?? NaN;\n },\n angle: (arrow: any) => (arrow.position === 'left' ? 90 : -90)\n }\n } as IExtensionMarkSpec<'symbol'>;\n}\n\nfunction generateArrowTextSpec(text: IConversionFunnelSpec['conversionArrow']['text'] = {}, margin?: number) {\n const { style = {}, formatMethod, textMargin = 4, ...rest } = text;\n\n return {\n type: 'text',\n dataKey: arrow => `${arrow.id}`,\n interactive: false,\n animation: false,\n ...rest,\n style: {\n ...DEFAULT_ARROW_TEXT_MARK_STYLE,\n text: (arrow: any, ctx: any) => {\n const { text: textContent } = arrow;\n let displayTextContent: ReturnType<typeof formatMethod> = textContent;\n\n if (isFunction(formatMethod)) {\n const { vchart } = ctx;\n const { from, to } = arrow;\n const { field } = arrow.context;\n const rawData = vchart?.getChart()?.getSeriesData()?.latestData ?? [];\n const viewData = vchart?.getChart()?.getAllSeries()[0]?.getViewData()?.latestData ?? [];\n\n const fromData = viewData.find((datum: any) => datum[field] === rawData[from][field]);\n const toData = viewData.find((datum: any) => datum[field] === rawData[to][field]);\n\n displayTextContent = formatMethod(textContent, { arrow, from: fromData, to: toData });\n }\n return displayTextContent;\n },\n x: (arrow: any, ctx: any) => {\n let points = arrow.layout.points;\n points = prepareArrowPoints(arrow, ctx, margin);\n return points[1]?.x + (arrow.position === 'left' ? -textMargin : textMargin) ?? NaN;\n },\n y: (arrow: any, ctx: any) => {\n let points = arrow.layout.points;\n points = prepareArrowPoints(arrow, ctx, margin);\n return (points[1]?.y + points[2]?.y) / 2 ?? NaN;\n },\n textAlign: (arrow: any) => (arrow.position === 'left' ? 'right' : 'left'),\n textBaseline: 'middle',\n ...style\n }\n } as IExtensionMarkSpec<'text'>;\n}\n\nfunction prepareArrowPoints(arrow: ParsedArrow, ctx: any, margin?: number) {\n const { vchart } = ctx;\n const { from, to } = arrow;\n const { field } = arrow.context;\n const rawData = vchart?.getChart()?.getSeriesData()?.latestData;\n const viewData = vchart?.getChart()?.getAllSeries()[0]?.getViewData()?.latestData;\n\n let points: IPointLike[] = [];\n\n if (rawData && rawData.length) {\n const fromDatum = viewData.find((datum: any) => datum[field] === rawData[from][field]);\n const toDatum = viewData.find((datum: any) => datum[field] === rawData[to][field]);\n const firstDatum = viewData[0];\n\n if (fromDatum && toDatum && firstDatum) {\n const fromPoints = ctx.getPoints(fromDatum);\n const toPoints = ctx.getPoints(toDatum);\n const firstPoints = ctx.getPoints(firstDatum);\n points = computeArrowPoints(arrow, fromPoints, toPoints, firstPoints, margin);\n arrow.layout.points = points;\n }\n }\n return points;\n}\n\nfunction computeArrowPoints(\n arrow: ParsedArrow,\n fromPoints: IPointLike[],\n toPoints: IPointLike[],\n firstPoints: IPointLike[],\n margin = 12\n) {\n const { layout, distance, position } = arrow;\n const { level, fromIndex, toIndex, fromTotal, toTotal } = layout;\n\n const isRight = position === 'right';\n\n const fromTop = isRight ? fromPoints[1] : fromPoints[0];\n const fromBottom = isRight ? fromPoints[2] : fromPoints[3];\n\n const fromHeight = Math.abs(fromTop.y - fromBottom.y);\n\n const toTop = isRight ? toPoints[1] : toPoints[0];\n const toBottom = isRight ? toPoints[2] : toPoints[3];\n const toHeight = Math.abs(toTop.y - toBottom.y);\n\n const firstTop = isRight ? firstPoints[1] : firstPoints[0];\n\n const fromOffset = fromHeight / (fromTotal + 1);\n const toOffset = toHeight / (toTotal + 1);\n\n const fromY = fromTop.y + fromOffset * (fromIndex + 1);\n const toY = toTop.y + toOffset * (toIndex + 1);\n\n const sign = isRight ? -1 : 1;\n\n const points = [\n { x: fromTop.x - margin * sign, y: fromY },\n { x: firstTop.x - (margin + (level + 1) * distance) * sign, y: fromY },\n {\n x: firstTop.x - (margin + (level + 1) * distance) * sign,\n y: toY\n },\n {\n x: toTop.x - margin * sign,\n y: toY\n }\n ];\n return points;\n}\n\n/** Funnel Background Related */\nfunction addFunnelBackgroundMark(funnelBackground: IConversionFunnelSpec['funnelBackground']) {\n const { style = {}, ...rest } = funnelBackground;\n return {\n type: 'rect',\n ...rest,\n dataIndex: 0,\n zIndex: 0,\n style: {\n ...DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE,\n ...style,\n x: 0,\n y: (datum, ctx: any) => {\n const points = ctx.getPoints(datum);\n const tl = points[0];\n return tl.y;\n },\n width: (datum, ctx: any) => {\n const region = ctx.getRegion();\n const { width } = region.getLayoutRect();\n return width;\n },\n height: (datum, ctx: any) => {\n const points = ctx.getPoints(datum);\n const tl = points[0];\n const bl = points[3];\n return bl.y - tl.y;\n }\n }\n } as IExtensionMarkSpec<'rect'>;\n}\n"]}
@@ -1,40 +0,0 @@
1
- import type { IConversionFunnelChartSpecBase, IConversionFunnelSeriesSpecBase } from './interface';
2
- import { VChart, FunnelChart, FunnelSeries } from '@visactor/vchart';
3
- import { DataView } from '@visactor/vdataset';
4
- import { ConversionFunnelChartSpecTransformer } from './conversion-funnel-transformer';
5
- export declare class ConversionFunnelChart extends FunnelChart<IConversionFunnelChartSpecBase> {
6
- type: string;
7
- static type: string;
8
- _spec: IConversionFunnelChartSpecBase;
9
- static readonly transformerConstructor: typeof ConversionFunnelChartSpecTransformer;
10
- readonly transformerConstructor: typeof ConversionFunnelChartSpecTransformer;
11
- }
12
- export declare class ConversionFunnelSeries extends FunnelSeries<IConversionFunnelSeriesSpecBase> {
13
- protected _arrowData?: DataView;
14
- initData(): void;
15
- afterCompile(): void;
16
- }
17
- export declare const registerConversionFunnelChart: (option?: {
18
- VChart?: typeof VChart;
19
- }) => void;
20
- export declare const DEFAULT_ARROW_MARK_STYLE: {
21
- cornerRadius: number;
22
- stroke: string;
23
- strokeOpacity: number;
24
- lineWidth: number;
25
- closePath: boolean;
26
- pickable: boolean;
27
- };
28
- export declare const DEFAULT_ARROW_SYMBOL_MARK_STYLE: {
29
- symbolType: string;
30
- size: number;
31
- scaleX: number;
32
- fill: string;
33
- };
34
- export declare const DEFAULT_ARROW_TEXT_MARK_STYLE: {
35
- fill: string;
36
- fontSize: number;
37
- };
38
- export declare const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE: {
39
- fill: string;
40
- };
@@ -1,81 +0,0 @@
1
- import { VChart, FunnelChart, PREFIX, FunnelSeries } from "@visactor/vchart";
2
-
3
- import { DataView } from "@visactor/vdataset";
4
-
5
- import { ConversionFunnelChartSpecTransformer } from "./conversion-funnel-transformer";
6
-
7
- import { conversionArrowTransform } from "./arrow-data-transform";
8
-
9
- export class ConversionFunnelChart extends FunnelChart {
10
- constructor() {
11
- super(...arguments), this.type = "conversionFunnel", this.transformerConstructor = ConversionFunnelChartSpecTransformer;
12
- }
13
- }
14
-
15
- ConversionFunnelChart.type = "conversionFunnel", ConversionFunnelChart.transformerConstructor = ConversionFunnelChartSpecTransformer;
16
-
17
- export class ConversionFunnelSeries extends FunnelSeries {
18
- initData() {
19
- var _a;
20
- super.initData();
21
- const {conversionArrow: conversionArrow} = this._spec;
22
- conversionArrow && (null === (_a = conversionArrow.arrows) || void 0 === _a ? void 0 : _a.length) && (this._arrowData = new DataView(this._dataSet, {
23
- name: `${PREFIX}_series_${this.id}_arrowData`
24
- }), this._dataSet.getTransform("conversionArrow") || this._dataSet.registerTransform("conversionArrow", conversionArrowTransform),
25
- this._arrowData.parse(conversionArrow).transform({
26
- type: "conversionArrow",
27
- options: {
28
- categoryField: this._spec.categoryField
29
- }
30
- }));
31
- }
32
- afterCompile() {
33
- var _a;
34
- null === (_a = super.afterCompile) || void 0 === _a || _a.call(this);
35
- const rightGroup = this.getMarkInName("arrowRight");
36
- rightGroup && rightGroup.getMarks().forEach((mark => {
37
- mark.setDataView(this._arrowData), mark.compileData(), mark.getProduct().transform([ {
38
- type: "filter",
39
- callback: datum => "right" === datum.position
40
- } ]);
41
- }));
42
- const leftGroup = this.getMarkInName("arrowLeft");
43
- leftGroup && leftGroup.getMarks().forEach((mark => {
44
- mark.setDataView(this._arrowData), mark.compileData(), mark.getProduct().transform([ {
45
- type: "filter",
46
- callback: datum => "left" === datum.position
47
- } ]);
48
- }));
49
- }
50
- }
51
-
52
- export const registerConversionFunnelChart = option => {
53
- const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
54
- vchartConstructor && (vchartConstructor.useChart([ ConversionFunnelChart ]), vchartConstructor.useSeries([ ConversionFunnelSeries ]));
55
- };
56
-
57
- export const DEFAULT_ARROW_MARK_STYLE = {
58
- cornerRadius: 4,
59
- stroke: "black",
60
- strokeOpacity: 1,
61
- lineWidth: 1,
62
- closePath: !1,
63
- pickable: !1
64
- };
65
-
66
- export const DEFAULT_ARROW_SYMBOL_MARK_STYLE = {
67
- symbolType: "triangle",
68
- size: 8,
69
- scaleX: .7,
70
- fill: "black"
71
- };
72
-
73
- export const DEFAULT_ARROW_TEXT_MARK_STYLE = {
74
- fill: "#606773",
75
- fontSize: 12
76
- };
77
-
78
- export const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
79
- fill: "#eff1f9"
80
- };
81
- //# sourceMappingURL=conversion-funnel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/conversion-funnel/conversion-funnel.ts"],"names":[],"mappings":"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","file":"conversion-funnel.js","sourcesContent":["import type { IConversionFunnelChartSpecBase, IConversionFunnelSeriesSpecBase } from './interface';\nimport { VChart, FunnelChart, PREFIX, FunnelSeries, GroupMark } from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { ConversionFunnelChartSpecTransformer } from './conversion-funnel-transformer';\nimport { conversionArrowTransform } from './arrow-data-transform';\n\nexport class ConversionFunnelChart extends FunnelChart<IConversionFunnelChartSpecBase> {\n type = 'conversionFunnel';\n static type = 'conversionFunnel';\n\n declare _spec: IConversionFunnelChartSpecBase;\n\n static readonly transformerConstructor = ConversionFunnelChartSpecTransformer;\n readonly transformerConstructor = ConversionFunnelChartSpecTransformer;\n}\n\nexport class ConversionFunnelSeries extends FunnelSeries<IConversionFunnelSeriesSpecBase> {\n protected _arrowData?: DataView;\n\n initData() {\n super.initData();\n const { conversionArrow } = this._spec;\n if (conversionArrow && conversionArrow.arrows?.length) {\n this._arrowData = new DataView(this._dataSet, { name: `${PREFIX}_series_${this.id}_arrowData` });\n if (!this._dataSet.getTransform('conversionArrow')) {\n this._dataSet.registerTransform('conversionArrow', conversionArrowTransform);\n }\n this._arrowData.parse(conversionArrow).transform({\n type: 'conversionArrow',\n options: {\n categoryField: this._spec.categoryField\n }\n });\n }\n }\n\n afterCompile() {\n // @ts-ignore\n super.afterCompile?.();\n const rightGroup = this.getMarkInName('arrowRight') as unknown as GroupMark;\n if (rightGroup) {\n rightGroup.getMarks().forEach(mark => {\n mark.setDataView(this._arrowData);\n mark.compileData();\n mark.getProduct().transform([\n {\n type: 'filter',\n callback: datum => datum.position === 'right'\n }\n ]);\n });\n }\n const leftGroup = this.getMarkInName('arrowLeft') as unknown as GroupMark;\n if (leftGroup) {\n leftGroup.getMarks().forEach(mark => {\n mark.setDataView(this._arrowData);\n mark.compileData();\n mark.getProduct().transform([\n {\n type: 'filter',\n callback: datum => datum.position === 'left'\n }\n ]);\n });\n }\n }\n}\n\nexport const registerConversionFunnelChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([ConversionFunnelChart]);\n vchartConstructor.useSeries([ConversionFunnelSeries]);\n }\n};\n\nexport const DEFAULT_ARROW_MARK_STYLE = {\n cornerRadius: 4,\n stroke: 'black',\n strokeOpacity: 1,\n lineWidth: 1,\n closePath: false,\n pickable: false\n};\n\nexport const DEFAULT_ARROW_SYMBOL_MARK_STYLE = {\n symbolType: 'triangle',\n size: 8,\n scaleX: 0.7,\n fill: 'black'\n};\n\nexport const DEFAULT_ARROW_TEXT_MARK_STYLE = {\n fill: '#606773',\n fontSize: 12\n};\n\nexport const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {\n fill: '#eff1f9'\n};\n"]}
@@ -1,2 +0,0 @@
1
- export * from './interface';
2
- export * from './conversion-funnel';
@@ -1,4 +0,0 @@
1
- export * from "./interface";
2
-
3
- export * from "./conversion-funnel";
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/conversion-funnel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './conversion-funnel';\n"]}
@@ -1,35 +0,0 @@
1
- import type { IFormatMethod, IMarkSpec, IPathMarkSpec, IFunnelChartSpec, ISymbolMarkSpec, ITextMarkSpec, IFunnelSeriesSpec, IRectMarkSpec } from '@visactor/vchart';
2
- export interface Arrow {
3
- from: number;
4
- to: number;
5
- position?: 'left' | 'right';
6
- distance?: number;
7
- text?: string;
8
- }
9
- export interface IConversionFunnelSpec {
10
- conversionArrow?: {
11
- arrows?: Arrow[];
12
- margin?: number;
13
- line?: IMarkSpec<Omit<IPathMarkSpec, 'points' | 'fill'>>;
14
- symbol?: IMarkSpec<ISymbolMarkSpec>;
15
- text?: IMarkSpec<ITextMarkSpec> & {
16
- formatMethod?: IFormatMethod<[text: string, params?: {
17
- from: any;
18
- to: any;
19
- arrow: Arrow;
20
- }]>;
21
- textMargin?: number;
22
- };
23
- };
24
- funnelBackground?: IMarkSpec<IRectMarkSpec>;
25
- }
26
- export interface IConversionFunnelSeriesSpecBase extends IFunnelSeriesSpec, IConversionFunnelSpec {
27
- }
28
- export interface IConversionFunnelChartSpecBase extends IFunnelChartSpec, IConversionFunnelSpec {
29
- }
30
- export interface IConversionFunnelSeriesSpec extends Omit<IConversionFunnelSeriesSpecBase, 'type' | 'series'> {
31
- type: 'conversionFunnel';
32
- }
33
- export interface IConversionFunnelChartSpec extends Omit<IConversionFunnelChartSpecBase, 'type' | 'series'> {
34
- type: 'conversionFunnel';
35
- }
@@ -1,2 +0,0 @@
1
- export { };
2
- //# sourceMappingURL=interface.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/conversion-funnel/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n IFormatMethod,\n IMarkSpec,\n IPathMarkSpec,\n IFunnelChartSpec,\n ISymbolMarkSpec,\n ITextMarkSpec,\n IFunnelSeriesSpec,\n IRectMarkSpec\n} from '@visactor/vchart';\n\nexport interface Arrow {\n /**\n * from 节点索引\n */\n from: number;\n /**\n * to 节点索引\n */\n to: number;\n /**\n * 箭头位置\n */\n position?: 'left' | 'right';\n /**\n * 箭头与柱子之间的距离\n */\n distance?: number;\n /**\n * 箭头文字\n */\n text?: string;\n}\n\nexport interface IConversionFunnelSpec {\n /**\n * 转化率箭头配置\n */\n conversionArrow?: {\n /**\n * 箭头配置\n */\n arrows?: Arrow[];\n /**\n * 箭头与柱子之间的距离\n * @default 12\n */\n margin?: number;\n /**\n * 箭头线配置\n */\n line?: IMarkSpec<Omit<IPathMarkSpec, 'points' | 'fill'>>;\n /**\n * 箭头符号配置\n */\n symbol?: IMarkSpec<ISymbolMarkSpec>;\n /**\n * 标签配置\n */\n text?: IMarkSpec<ITextMarkSpec> & {\n /**\n * 箭头文字格式化方法\n */\n formatMethod?: IFormatMethod<[text: string, params?: { from: any; to: any; arrow: Arrow }]>;\n /**\n * 箭头文本与柱子之间的距离\n * @default 4\n */\n textMargin?: number;\n };\n };\n /**\n * 漏斗层背景配置\n */\n funnelBackground?: IMarkSpec<IRectMarkSpec>;\n}\n\nexport interface IConversionFunnelSeriesSpecBase extends IFunnelSeriesSpec, IConversionFunnelSpec {}\n\nexport interface IConversionFunnelChartSpecBase extends IFunnelChartSpec, IConversionFunnelSpec {}\n\nexport interface IConversionFunnelSeriesSpec extends Omit<IConversionFunnelSeriesSpecBase, 'type' | 'series'> {\n type: 'conversionFunnel';\n}\n\nexport interface IConversionFunnelChartSpec extends Omit<IConversionFunnelChartSpecBase, 'type' | 'series'> {\n type: 'conversionFunnel';\n}\n"]}
@@ -1,3 +0,0 @@
1
- import type { ParsedArrow } from './conversion-funnel-transformer';
2
- export declare function isArrowCross(arrow1: ParsedArrow, arrow2: ParsedArrow): boolean;
3
- export declare function isSameArrow(arrow1: ParsedArrow, arrow2: ParsedArrow): boolean;
@@ -1,10 +0,0 @@
1
- export function isArrowCross(arrow1, arrow2) {
2
- const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
3
- return to1 > from2 && to2 > from1;
4
- }
5
-
6
- export function isSameArrow(arrow1, arrow2) {
7
- const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
8
- return from1 === from2 && to1 === to2;
9
- }
10
- //# sourceMappingURL=util.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/conversion-funnel/util.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,MAAmB,EAAE,MAAmB;IACnE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG,GAAG,KAAK,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAmB,EAAE,MAAmB;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,OAAO,KAAK,KAAK,KAAK,IAAI,GAAG,KAAK,GAAG,CAAC;AACxC,CAAC","file":"util.js","sourcesContent":["import type { ParsedArrow } from './conversion-funnel-transformer';\n\nexport function isArrowCross(arrow1: ParsedArrow, arrow2: ParsedArrow) {\n const { from: from1, to: to1 } = arrow1;\n const { from: from2, to: to2 } = arrow2;\n return to1 > from2 && to2 > from1;\n}\n\nexport function isSameArrow(arrow1: ParsedArrow, arrow2: ParsedArrow) {\n const { from: from1, to: to1 } = arrow1;\n const { from: from2, to: to2 } = arrow2;\n return from1 === from2 && to1 === to2;\n}\n"]}
@@ -1,45 +0,0 @@
1
- import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
2
- export type IRankingBarData = any[];
3
- export interface IPlayConfig {
4
- interval?: number;
5
- }
6
- export interface IRankingBarSpec extends IPlayConfig {
7
- type: string;
8
- data: IRankingBarData;
9
- timeField: string;
10
- xField: string;
11
- yField: string;
12
- topN?: number;
13
- bar?: {
14
- padding?: number;
15
- cornerRadius?: number;
16
- };
17
- color?: Record<string, string>;
18
- icon?: Record<string, string>;
19
- iconPosition?: 'bar-end' | 'bar-start' | 'axis';
20
- iconShape?: 'circle' | 'rect';
21
- background?: string;
22
- label?: {
23
- visible?: boolean;
24
- style?: ITextGraphicAttribute;
25
- };
26
- nameLabel?: ITextGraphicAttribute & {
27
- visible?: boolean;
28
- position?: 'bar-end' | 'bar-start';
29
- style?: ITextGraphicAttribute;
30
- };
31
- timeLabel?: {
32
- visible?: boolean;
33
- style?: ITextGraphicAttribute;
34
- };
35
- xAxis?: {
36
- label?: ITextGraphicAttribute;
37
- domainLine?: ILineGraphicAttribute;
38
- grid?: ILineGraphicAttribute;
39
- };
40
- yAxis?: {
41
- label?: ITextGraphicAttribute;
42
- domainLine?: ILineGraphicAttribute;
43
- grid?: ILineGraphicAttribute;
44
- };
45
- }
@@ -1 +0,0 @@
1
- export { };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["charts/ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n type: string;\n data: IRankingBarData;\n\n timeField: string;\n xField: string;\n yField: string;\n\n topN?: number;\n\n bar?: {\n padding?: number;\n cornerRadius?: number;\n };\n\n color?: Record<string, string>;\n\n icon?: Record<string, string>;\n\n iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n iconShape?: 'circle' | 'rect';\n\n background?: string;\n\n label?: {\n visible?: boolean;\n style?: ITextGraphicAttribute;\n };\n\n nameLabel?: ITextGraphicAttribute & {\n visible?: boolean;\n position?: 'bar-end' | 'bar-start';\n style?: ITextGraphicAttribute;\n };\n\n timeLabel?: {\n visible?: boolean;\n style?: ITextGraphicAttribute;\n };\n\n xAxis?: {\n label?: ITextGraphicAttribute;\n domainLine?: ILineGraphicAttribute;\n grid?: ILineGraphicAttribute;\n };\n\n yAxis?: {\n label?: ITextGraphicAttribute;\n domainLine?: ILineGraphicAttribute;\n grid?: ILineGraphicAttribute;\n };\n}\n"]}
@@ -1,10 +0,0 @@
1
- import type { IRankingBarSpec } from './interface';
2
- import type { ICommonChartSpec } from '@visactor/vchart';
3
- import { BaseChartSpecTransformer } from '@visactor/vchart';
4
- export declare class RankingBarChartSpecTransformer<T extends ICommonChartSpec> extends BaseChartSpecTransformer<any> {
5
- transformSpec(spec: T): void;
6
- }
7
- export declare function processData(spec: IRankingBarSpec): {
8
- timeData: Map<any, any>;
9
- timeNodes: string[];
10
- };