@ktnpm_devops/react-component 0.15.0 → 0.16.0

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 (377) hide show
  1. package/dist/constants.d.ts +2 -0
  2. package/dist/constants.d.ts.map +1 -1
  3. package/dist/data/HeatmapMatrix/HeatmapMatrix.d.ts.map +1 -1
  4. package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts +42 -0
  5. package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts.map +1 -1
  6. package/dist/data/HeatmapMatrix/HeatmapMatrixHeader.d.ts +9 -0
  7. package/dist/data/HeatmapMatrix/HeatmapMatrixHeader.d.ts.map +1 -0
  8. package/dist/data/HeatmapMatrix/getColumnRuns.d.ts +11 -0
  9. package/dist/data/HeatmapMatrix/getColumnRuns.d.ts.map +1 -0
  10. package/dist/data/HeatmapMatrix/getColumnRuns.test.d.ts +2 -0
  11. package/dist/data/HeatmapMatrix/getColumnRuns.test.d.ts.map +1 -0
  12. package/dist/data/HeatmapMatrix/index.d.ts +1 -1
  13. package/dist/data/HeatmapMatrix/index.d.ts.map +1 -1
  14. package/dist/index.d.ts +1 -1
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index10.cjs +1 -1
  17. package/dist/index10.js +1 -1
  18. package/dist/index100.cjs +32 -8
  19. package/dist/index100.cjs.map +1 -1
  20. package/dist/index100.js +33 -9
  21. package/dist/index100.js.map +1 -1
  22. package/dist/index101.cjs +53 -2
  23. package/dist/index101.cjs.map +1 -1
  24. package/dist/index101.js +54 -3
  25. package/dist/index101.js.map +1 -1
  26. package/dist/index102.cjs +39 -6
  27. package/dist/index102.cjs.map +1 -1
  28. package/dist/index102.js +38 -5
  29. package/dist/index102.js.map +1 -1
  30. package/dist/index103.cjs +92 -69
  31. package/dist/index103.cjs.map +1 -1
  32. package/dist/index103.js +91 -68
  33. package/dist/index103.js.map +1 -1
  34. package/dist/index104.cjs +34 -19
  35. package/dist/index104.cjs.map +1 -1
  36. package/dist/index104.js +35 -20
  37. package/dist/index104.js.map +1 -1
  38. package/dist/index105.cjs +116 -22
  39. package/dist/index105.cjs.map +1 -1
  40. package/dist/index105.js +115 -21
  41. package/dist/index105.js.map +1 -1
  42. package/dist/index106.cjs +43 -134
  43. package/dist/index106.cjs.map +1 -1
  44. package/dist/index106.js +42 -133
  45. package/dist/index106.js.map +1 -1
  46. package/dist/index107.cjs +16 -40
  47. package/dist/index107.cjs.map +1 -1
  48. package/dist/index107.js +16 -40
  49. package/dist/index107.js.map +1 -1
  50. package/dist/index108.cjs +4 -25
  51. package/dist/index108.cjs.map +1 -1
  52. package/dist/index108.js +5 -26
  53. package/dist/index108.js.map +1 -1
  54. package/dist/index109.cjs +35 -39
  55. package/dist/index109.cjs.map +1 -1
  56. package/dist/index109.js +34 -38
  57. package/dist/index109.js.map +1 -1
  58. package/dist/index11.cjs +1 -1
  59. package/dist/index11.js +1 -1
  60. package/dist/index110.cjs +43 -57
  61. package/dist/index110.cjs.map +1 -1
  62. package/dist/index110.js +42 -56
  63. package/dist/index110.js.map +1 -1
  64. package/dist/index111.cjs +24 -24
  65. package/dist/index111.cjs.map +1 -1
  66. package/dist/index111.js +23 -23
  67. package/dist/index111.js.map +1 -1
  68. package/dist/index112.cjs +20 -7
  69. package/dist/index112.cjs.map +1 -1
  70. package/dist/index112.js +19 -6
  71. package/dist/index112.js.map +1 -1
  72. package/dist/index113.cjs +14 -25
  73. package/dist/index113.cjs.map +1 -1
  74. package/dist/index113.js +13 -24
  75. package/dist/index113.js.map +1 -1
  76. package/dist/index114.cjs +57 -36
  77. package/dist/index114.cjs.map +1 -1
  78. package/dist/index114.js +57 -36
  79. package/dist/index114.js.map +1 -1
  80. package/dist/index115.cjs +21 -39
  81. package/dist/index115.cjs.map +1 -1
  82. package/dist/index115.js +20 -38
  83. package/dist/index115.js.map +1 -1
  84. package/dist/index116.cjs +18 -92
  85. package/dist/index116.cjs.map +1 -1
  86. package/dist/index116.js +17 -91
  87. package/dist/index116.js.map +1 -1
  88. package/dist/index117.cjs +15 -33
  89. package/dist/index117.cjs.map +1 -1
  90. package/dist/index117.js +16 -34
  91. package/dist/index117.js.map +1 -1
  92. package/dist/index118.cjs +16 -116
  93. package/dist/index118.cjs.map +1 -1
  94. package/dist/index118.js +15 -115
  95. package/dist/index118.js.map +1 -1
  96. package/dist/index119.cjs +32 -35
  97. package/dist/index119.cjs.map +1 -1
  98. package/dist/index119.js +32 -35
  99. package/dist/index119.js.map +1 -1
  100. package/dist/index12.cjs +1 -1
  101. package/dist/index12.js +1 -1
  102. package/dist/index120.cjs +48 -85
  103. package/dist/index120.cjs.map +1 -1
  104. package/dist/index120.js +47 -84
  105. package/dist/index120.js.map +1 -1
  106. package/dist/index121.cjs +18 -25
  107. package/dist/index121.cjs.map +1 -1
  108. package/dist/index121.js +17 -24
  109. package/dist/index121.js.map +1 -1
  110. package/dist/index122.cjs +37 -1164
  111. package/dist/index122.cjs.map +1 -1
  112. package/dist/index122.js +35 -1163
  113. package/dist/index122.js.map +1 -1
  114. package/dist/index123.cjs +42 -1575
  115. package/dist/index123.cjs.map +1 -1
  116. package/dist/index123.js +41 -1575
  117. package/dist/index123.js.map +1 -1
  118. package/dist/index124.cjs +1166 -0
  119. package/dist/index124.cjs.map +1 -0
  120. package/dist/index124.js +1167 -0
  121. package/dist/index124.js.map +1 -0
  122. package/dist/index125.cjs +1578 -0
  123. package/dist/index125.cjs.map +1 -0
  124. package/dist/index125.js +1579 -0
  125. package/dist/index125.js.map +1 -0
  126. package/dist/index13.cjs +1 -1
  127. package/dist/index13.js +1 -1
  128. package/dist/index14.cjs +1 -1
  129. package/dist/index14.js +1 -1
  130. package/dist/index15.cjs +1 -1
  131. package/dist/index15.js +1 -1
  132. package/dist/index16.cjs +2 -2
  133. package/dist/index16.js +2 -2
  134. package/dist/index17.cjs +1 -1
  135. package/dist/index17.js +1 -1
  136. package/dist/index18.cjs +1 -1
  137. package/dist/index18.js +1 -1
  138. package/dist/index19.cjs +1 -1
  139. package/dist/index19.js +1 -1
  140. package/dist/index20.cjs +1 -1
  141. package/dist/index20.js +1 -1
  142. package/dist/index21.cjs +1 -1
  143. package/dist/index21.js +1 -1
  144. package/dist/index22.cjs +2 -2
  145. package/dist/index22.js +2 -2
  146. package/dist/index23.cjs +2 -2
  147. package/dist/index23.js +2 -2
  148. package/dist/index24.cjs +2 -2
  149. package/dist/index24.js +2 -2
  150. package/dist/index25.cjs +1 -1
  151. package/dist/index25.js +1 -1
  152. package/dist/index26.cjs +1 -1
  153. package/dist/index26.js +1 -1
  154. package/dist/index27.cjs +1 -1
  155. package/dist/index27.js +1 -1
  156. package/dist/index28.cjs +1 -1
  157. package/dist/index28.js +1 -1
  158. package/dist/index29.cjs +1 -1
  159. package/dist/index29.js +1 -1
  160. package/dist/index30.cjs +7 -7
  161. package/dist/index30.js +7 -7
  162. package/dist/index31.cjs +4 -4
  163. package/dist/index31.js +4 -4
  164. package/dist/index32.cjs +78 -53
  165. package/dist/index32.cjs.map +1 -1
  166. package/dist/index32.js +79 -54
  167. package/dist/index32.js.map +1 -1
  168. package/dist/index33.cjs +1 -1
  169. package/dist/index33.js +1 -1
  170. package/dist/index34.cjs +2 -2
  171. package/dist/index34.js +2 -2
  172. package/dist/index35.cjs +2 -2
  173. package/dist/index35.js +2 -2
  174. package/dist/index36.cjs +2 -2
  175. package/dist/index36.js +2 -2
  176. package/dist/index37.cjs +1 -1
  177. package/dist/index37.js +1 -1
  178. package/dist/index38.cjs +2 -2
  179. package/dist/index38.js +2 -2
  180. package/dist/index39.cjs +1 -1
  181. package/dist/index39.js +1 -1
  182. package/dist/index40.cjs +2 -2
  183. package/dist/index40.js +2 -2
  184. package/dist/index41.cjs +2 -2
  185. package/dist/index41.js +2 -2
  186. package/dist/index42.cjs +2 -2
  187. package/dist/index42.js +2 -2
  188. package/dist/index43.cjs +1 -1
  189. package/dist/index43.js +1 -1
  190. package/dist/index44.cjs +2 -2
  191. package/dist/index44.js +2 -2
  192. package/dist/index45.cjs +4 -4
  193. package/dist/index45.js +4 -4
  194. package/dist/index46.cjs +1 -1
  195. package/dist/index46.js +1 -1
  196. package/dist/index47.cjs +1 -1
  197. package/dist/index47.js +1 -1
  198. package/dist/index48.cjs +1 -1
  199. package/dist/index48.js +1 -1
  200. package/dist/index49.cjs +2 -2
  201. package/dist/index49.js +2 -2
  202. package/dist/index50.cjs +2 -2
  203. package/dist/index50.js +2 -2
  204. package/dist/index51.cjs +1 -1
  205. package/dist/index51.js +1 -1
  206. package/dist/index52.cjs +3 -3
  207. package/dist/index52.js +3 -3
  208. package/dist/index53.cjs +1 -1
  209. package/dist/index53.js +1 -1
  210. package/dist/index54.cjs +1 -1
  211. package/dist/index54.js +1 -1
  212. package/dist/index55.cjs +3 -3
  213. package/dist/index55.js +3 -3
  214. package/dist/index56.cjs +1 -1
  215. package/dist/index56.js +1 -1
  216. package/dist/index57.cjs +1 -1
  217. package/dist/index57.js +1 -1
  218. package/dist/index58.cjs +2 -2
  219. package/dist/index58.js +2 -2
  220. package/dist/index60.cjs +22 -10
  221. package/dist/index60.cjs.map +1 -1
  222. package/dist/index60.js +22 -10
  223. package/dist/index60.js.map +1 -1
  224. package/dist/index61.cjs +23 -5
  225. package/dist/index61.cjs.map +1 -1
  226. package/dist/index61.js +24 -6
  227. package/dist/index61.js.map +1 -1
  228. package/dist/index62.cjs +18 -17
  229. package/dist/index62.cjs.map +1 -1
  230. package/dist/index62.js +17 -16
  231. package/dist/index62.js.map +1 -1
  232. package/dist/index63.cjs +142 -6
  233. package/dist/index63.cjs.map +1 -1
  234. package/dist/index63.js +141 -5
  235. package/dist/index63.js.map +1 -1
  236. package/dist/index64.cjs +20 -2
  237. package/dist/index64.cjs.map +1 -1
  238. package/dist/index64.js +21 -3
  239. package/dist/index64.js.map +1 -1
  240. package/dist/index65.cjs +19 -141
  241. package/dist/index65.cjs.map +1 -1
  242. package/dist/index65.js +17 -139
  243. package/dist/index65.js.map +1 -1
  244. package/dist/index66.cjs +13 -16
  245. package/dist/index66.cjs.map +1 -1
  246. package/dist/index66.js +14 -17
  247. package/dist/index66.js.map +1 -1
  248. package/dist/index67.cjs +16 -46
  249. package/dist/index67.cjs.map +1 -1
  250. package/dist/index67.js +16 -46
  251. package/dist/index67.js.map +1 -1
  252. package/dist/index68.cjs +16 -52
  253. package/dist/index68.cjs.map +1 -1
  254. package/dist/index68.js +16 -52
  255. package/dist/index68.js.map +1 -1
  256. package/dist/index70.cjs +20 -2
  257. package/dist/index70.cjs.map +1 -1
  258. package/dist/index70.js +20 -2
  259. package/dist/index70.js.map +1 -1
  260. package/dist/index71.cjs +45 -12
  261. package/dist/index71.cjs.map +1 -1
  262. package/dist/index71.js +46 -13
  263. package/dist/index71.js.map +1 -1
  264. package/dist/index72.cjs +2 -35
  265. package/dist/index72.cjs.map +1 -1
  266. package/dist/index72.js +3 -36
  267. package/dist/index72.js.map +1 -1
  268. package/dist/index73.cjs +77 -26
  269. package/dist/index73.cjs.map +1 -1
  270. package/dist/index73.js +77 -26
  271. package/dist/index73.js.map +1 -1
  272. package/dist/index74.cjs +52 -13
  273. package/dist/index74.cjs.map +1 -1
  274. package/dist/index74.js +53 -14
  275. package/dist/index74.js.map +1 -1
  276. package/dist/index75.cjs +34 -10
  277. package/dist/index75.cjs.map +1 -1
  278. package/dist/index75.js +35 -11
  279. package/dist/index75.js.map +1 -1
  280. package/dist/index76.cjs +17 -21
  281. package/dist/index76.cjs.map +1 -1
  282. package/dist/index76.js +16 -20
  283. package/dist/index76.js.map +1 -1
  284. package/dist/index77.cjs +2 -5
  285. package/dist/index77.cjs.map +1 -1
  286. package/dist/index77.js +2 -5
  287. package/dist/index77.js.map +1 -1
  288. package/dist/index78.cjs +2 -38
  289. package/dist/index78.cjs.map +1 -1
  290. package/dist/index78.js +3 -39
  291. package/dist/index78.js.map +1 -1
  292. package/dist/index79.cjs +5 -29
  293. package/dist/index79.cjs.map +1 -1
  294. package/dist/index79.js +6 -30
  295. package/dist/index79.js.map +1 -1
  296. package/dist/index80.cjs +29 -17
  297. package/dist/index80.cjs.map +1 -1
  298. package/dist/index80.js +29 -17
  299. package/dist/index80.js.map +1 -1
  300. package/dist/index81.cjs +21 -22
  301. package/dist/index81.cjs.map +1 -1
  302. package/dist/index81.js +20 -21
  303. package/dist/index81.js.map +1 -1
  304. package/dist/index82.cjs +15 -69
  305. package/dist/index82.cjs.map +1 -1
  306. package/dist/index82.js +14 -68
  307. package/dist/index82.js.map +1 -1
  308. package/dist/index83.cjs +24 -7
  309. package/dist/index83.cjs.map +1 -1
  310. package/dist/index83.js +23 -6
  311. package/dist/index83.js.map +1 -1
  312. package/dist/index84.cjs +2 -35
  313. package/dist/index84.cjs.map +1 -1
  314. package/dist/index84.js +3 -36
  315. package/dist/index84.js.map +1 -1
  316. package/dist/index85.cjs +24 -35
  317. package/dist/index85.cjs.map +1 -1
  318. package/dist/index85.js +23 -34
  319. package/dist/index85.js.map +1 -1
  320. package/dist/index86.cjs +69 -43
  321. package/dist/index86.cjs.map +1 -1
  322. package/dist/index86.js +68 -42
  323. package/dist/index86.js.map +1 -1
  324. package/dist/index87.cjs +24 -24
  325. package/dist/index87.cjs.map +1 -1
  326. package/dist/index87.js +23 -23
  327. package/dist/index87.js.map +1 -1
  328. package/dist/index88.cjs +7 -20
  329. package/dist/index88.cjs.map +1 -1
  330. package/dist/index88.js +6 -19
  331. package/dist/index88.js.map +1 -1
  332. package/dist/index89.cjs +7 -14
  333. package/dist/index89.cjs.map +1 -1
  334. package/dist/index89.js +6 -13
  335. package/dist/index89.js.map +1 -1
  336. package/dist/index90.cjs +8 -53
  337. package/dist/index90.cjs.map +1 -1
  338. package/dist/index90.js +9 -54
  339. package/dist/index90.js.map +1 -1
  340. package/dist/index91.cjs +13 -19
  341. package/dist/index91.cjs.map +1 -1
  342. package/dist/index91.js +14 -20
  343. package/dist/index91.js.map +1 -1
  344. package/dist/index92.cjs +49 -13
  345. package/dist/index92.cjs.map +1 -1
  346. package/dist/index92.js +49 -13
  347. package/dist/index92.js.map +1 -1
  348. package/dist/index93.cjs +134 -55
  349. package/dist/index93.cjs.map +1 -1
  350. package/dist/index93.js +133 -54
  351. package/dist/index93.js.map +1 -1
  352. package/dist/index94.cjs +40 -22
  353. package/dist/index94.cjs.map +1 -1
  354. package/dist/index94.js +40 -22
  355. package/dist/index94.js.map +1 -1
  356. package/dist/index95.cjs +36 -15
  357. package/dist/index95.cjs.map +1 -1
  358. package/dist/index95.js +36 -15
  359. package/dist/index95.js.map +1 -1
  360. package/dist/index96.cjs +28 -13
  361. package/dist/index96.cjs.map +1 -1
  362. package/dist/index96.js +28 -13
  363. package/dist/index96.js.map +1 -1
  364. package/dist/index97.cjs +22 -27
  365. package/dist/index97.cjs.map +1 -1
  366. package/dist/index97.js +21 -26
  367. package/dist/index97.js.map +1 -1
  368. package/dist/index98.cjs +69 -21
  369. package/dist/index98.cjs.map +1 -1
  370. package/dist/index98.js +68 -20
  371. package/dist/index98.js.map +1 -1
  372. package/dist/index99.cjs +7 -21
  373. package/dist/index99.cjs.map +1 -1
  374. package/dist/index99.js +6 -20
  375. package/dist/index99.js.map +1 -1
  376. package/dist/style.css +19 -5
  377. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index105.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index105.cjs","sources":["../src/charts/TemporalTrendChartCard/buildChartOption.ts"],"sourcesContent":["import type {\n ChartSeriesPoint,\n ChartAnnotation,\n ReferenceLine,\n} from '../../types/chart.types';\nimport type { TemporalSeriesOrder } from './TemporalTrendChartCard.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** A category and its points, sorted by the active series order. */\nexport type SeriesGroup = [string, { ts: string; value: number }[]];\n\nexport interface TemporalTrendOptionConfig {\n annotations: ChartAnnotation[];\n referenceLines: ReferenceLine[];\n showLegend: boolean;\n stacked: boolean;\n /** Series to start hidden. `undefined` leaves legend selection uncontrolled. */\n hiddenSeries?: Set<string> | string[];\n}\n\n/** Group data points by category, returning sorted series keyed by category name. */\nexport function groupByCategory(\n data: ChartSeriesPoint[],\n limit: number,\n order: TemporalSeriesOrder = 'total',\n): SeriesGroup[] {\n const grouped = new Map<string, { ts: string; value: number }[]>();\n\n for (const point of data) {\n const key = point.category ?? 'Unknown';\n if (!grouped.has(key)) {\n grouped.set(key, []);\n }\n grouped.get(key)!.push({\n ts: point.ts ?? '',\n value: point.value,\n });\n }\n\n // `first-seen` keeps the Map's insertion order, so each series keeps its\n // colour when the data is refreshed and the totals move.\n const entries =\n order === 'first-seen'\n ? [...grouped.entries()]\n : [...grouped.entries()].sort(\n (a, b) =>\n b[1].reduce((sum, p) => sum + p.value, 0) -\n a[1].reduce((sum, p) => sum + p.value, 0),\n );\n\n if (entries.length <= limit) {\n return entries;\n }\n\n const top = entries.slice(0, limit - 1);\n const rest = entries.slice(limit - 1);\n\n const otherMap = new Map<string, number>();\n for (const [, points] of rest) {\n for (const p of points) {\n otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);\n }\n }\n\n const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({\n ts,\n value,\n }));\n\n return [...top, ['Other', otherPoints] as SeriesGroup];\n}\n\n/** Build markArea items from range annotations. */\nexport function buildMarkAreas(annotations: ChartAnnotation[]) {\n return annotations\n .filter((a) => a.end)\n .map((a) => [\n {\n name: a.label,\n xAxis: a.start,\n itemStyle: { color: a.color ?? 'rgba(255,107,90,0.1)' },\n },\n { xAxis: a.end },\n ]);\n}\n\n/** Build markLine items from point annotations. */\nexport function buildMarkLines(annotations: ChartAnnotation[]) {\n return annotations\n .filter((a) => !a.end)\n .map((a) => ({\n name: a.label,\n xAxis: a.start,\n lineStyle: { color: a.color ?? CHART_COLORS[0], type: 'dashed' as const },\n label: { formatter: a.label, position: 'end' as const },\n }));\n}\n\n/** Build markLine items from horizontal reference lines (KPI target, threshold). */\nexport function buildReferenceLines(referenceLines: ReferenceLine[]) {\n return referenceLines.map((r) => ({\n name: r.label ?? String(r.value),\n yAxis: r.value,\n lineStyle: {\n color: r.color ?? CHART_COLORS[0],\n type: r.dashed === false ? ('solid' as const) : ('dashed' as const),\n },\n label: {\n formatter: r.label ?? String(r.value),\n position: 'insideEndTop' as const,\n },\n }));\n}\n\n/**\n * Legend selection map. Hiding through the legend rather than filtering the\n * series array keeps every series at its own index, and so at its own colour.\n */\nfunction buildLegendSelected(\n seriesGroups: SeriesGroup[],\n hiddenSeries: Set<string> | string[] | undefined,\n) {\n if (!hiddenSeries) return undefined;\n\n const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);\n return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));\n}\n\n/** Assemble the ECharts option for the temporal trend card. */\nexport function buildTemporalTrendOption(\n seriesGroups: SeriesGroup[],\n config: TemporalTrendOptionConfig,\n) {\n const markAreas = buildMarkAreas(config.annotations);\n const markLines = [\n ...buildMarkLines(config.annotations),\n ...buildReferenceLines(config.referenceLines),\n ];\n\n const series = seriesGroups.map(([name, points], idx) => ({\n name,\n type: 'line' as const,\n ...(config.stacked ? { stack: 'total', areaStyle: {} } : {}),\n emphasis: { focus: 'series' as const },\n color: CHART_COLORS[idx % CHART_COLORS.length],\n data: points\n .sort((a, b) => (a.ts < b.ts ? -1 : 1))\n .map((p) => [p.ts, p.value]),\n ...(idx === 0 && (markAreas.length > 0 || markLines.length > 0)\n ? {\n markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : undefined,\n markLine:\n markLines.length > 0\n ? { silent: true, symbol: 'none', data: markLines }\n : undefined,\n }\n : {}),\n }));\n\n return {\n tooltip: {\n trigger: 'axis' as const,\n axisPointer: { type: 'cross' as const },\n },\n legend: {\n show: config.showLegend,\n type: 'scroll' as const,\n bottom: 0,\n selected: buildLegendSelected(seriesGroups, config.hiddenSeries),\n },\n grid: {\n left: '3%',\n right: '4%',\n bottom: config.showLegend ? '15%' : '3%',\n containLabel: true,\n },\n xAxis: { type: 'time' as const },\n yAxis: { type: 'value' as const },\n series,\n };\n}\n"],"names":["CHART_COLORS"],"mappings":"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"}
package/dist/index105.js CHANGED
@@ -1,24 +1,118 @@
1
- const root = "krc-root-pS02L";
2
- const sidebar = "krc-sidebar-n1HeR";
3
- const conversationList = "krc-conversationList-E8ODD";
4
- const mainArea = "krc-mainArea-E0cNf";
5
- const messages = "krc-messages-S9aU-";
6
- const input = "krc-input-HAMJ3";
7
- const styles = {
8
- root,
9
- sidebar,
10
- conversationList,
11
- mainArea,
12
- messages,
13
- input
14
- };
1
+ import { CHART_COLORS } from "./index63.js";
2
+ function groupByCategory(data, limit, order = "total") {
3
+ const grouped = /* @__PURE__ */ new Map();
4
+ for (const point of data) {
5
+ const key = point.category ?? "Unknown";
6
+ if (!grouped.has(key)) {
7
+ grouped.set(key, []);
8
+ }
9
+ grouped.get(key).push({
10
+ ts: point.ts ?? "",
11
+ value: point.value
12
+ });
13
+ }
14
+ const entries = order === "first-seen" ? [...grouped.entries()] : [...grouped.entries()].sort(
15
+ (a, b) => b[1].reduce((sum, p) => sum + p.value, 0) - a[1].reduce((sum, p) => sum + p.value, 0)
16
+ );
17
+ if (entries.length <= limit) {
18
+ return entries;
19
+ }
20
+ const top = entries.slice(0, limit - 1);
21
+ const rest = entries.slice(limit - 1);
22
+ const otherMap = /* @__PURE__ */ new Map();
23
+ for (const [, points] of rest) {
24
+ for (const p of points) {
25
+ otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);
26
+ }
27
+ }
28
+ const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({
29
+ ts,
30
+ value
31
+ }));
32
+ return [...top, ["Other", otherPoints]];
33
+ }
34
+ function buildMarkAreas(annotations) {
35
+ return annotations.filter((a) => a.end).map((a) => [
36
+ {
37
+ name: a.label,
38
+ xAxis: a.start,
39
+ itemStyle: { color: a.color ?? "rgba(255,107,90,0.1)" }
40
+ },
41
+ { xAxis: a.end }
42
+ ]);
43
+ }
44
+ function buildMarkLines(annotations) {
45
+ return annotations.filter((a) => !a.end).map((a) => ({
46
+ name: a.label,
47
+ xAxis: a.start,
48
+ lineStyle: { color: a.color ?? CHART_COLORS[0], type: "dashed" },
49
+ label: { formatter: a.label, position: "end" }
50
+ }));
51
+ }
52
+ function buildReferenceLines(referenceLines) {
53
+ return referenceLines.map((r) => ({
54
+ name: r.label ?? String(r.value),
55
+ yAxis: r.value,
56
+ lineStyle: {
57
+ color: r.color ?? CHART_COLORS[0],
58
+ type: r.dashed === false ? "solid" : "dashed"
59
+ },
60
+ label: {
61
+ formatter: r.label ?? String(r.value),
62
+ position: "insideEndTop"
63
+ }
64
+ }));
65
+ }
66
+ function buildLegendSelected(seriesGroups, hiddenSeries) {
67
+ if (!hiddenSeries) return void 0;
68
+ const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);
69
+ return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));
70
+ }
71
+ function buildTemporalTrendOption(seriesGroups, config) {
72
+ const markAreas = buildMarkAreas(config.annotations);
73
+ const markLines = [
74
+ ...buildMarkLines(config.annotations),
75
+ ...buildReferenceLines(config.referenceLines)
76
+ ];
77
+ const series = seriesGroups.map(([name, points], idx) => ({
78
+ name,
79
+ type: "line",
80
+ ...config.stacked ? { stack: "total", areaStyle: {} } : {},
81
+ emphasis: { focus: "series" },
82
+ color: CHART_COLORS[idx % CHART_COLORS.length],
83
+ data: points.sort((a, b) => a.ts < b.ts ? -1 : 1).map((p) => [p.ts, p.value]),
84
+ ...idx === 0 && (markAreas.length > 0 || markLines.length > 0) ? {
85
+ markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : void 0,
86
+ markLine: markLines.length > 0 ? { silent: true, symbol: "none", data: markLines } : void 0
87
+ } : {}
88
+ }));
89
+ return {
90
+ tooltip: {
91
+ trigger: "axis",
92
+ axisPointer: { type: "cross" }
93
+ },
94
+ legend: {
95
+ show: config.showLegend,
96
+ type: "scroll",
97
+ bottom: 0,
98
+ selected: buildLegendSelected(seriesGroups, config.hiddenSeries)
99
+ },
100
+ grid: {
101
+ left: "3%",
102
+ right: "4%",
103
+ bottom: config.showLegend ? "15%" : "3%",
104
+ containLabel: true
105
+ },
106
+ xAxis: { type: "time" },
107
+ yAxis: { type: "value" },
108
+ series
109
+ };
110
+ }
15
111
  export {
16
- conversationList,
17
- styles as default,
18
- input,
19
- mainArea,
20
- messages,
21
- root,
22
- sidebar
112
+ buildMarkAreas,
113
+ buildMarkLines,
114
+ buildReferenceLines,
115
+ buildTemporalTrendOption,
116
+ groupByCategory
23
117
  };
24
118
  //# sourceMappingURL=index105.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index105.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index105.js","sources":["../src/charts/TemporalTrendChartCard/buildChartOption.ts"],"sourcesContent":["import type {\n ChartSeriesPoint,\n ChartAnnotation,\n ReferenceLine,\n} from '../../types/chart.types';\nimport type { TemporalSeriesOrder } from './TemporalTrendChartCard.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** A category and its points, sorted by the active series order. */\nexport type SeriesGroup = [string, { ts: string; value: number }[]];\n\nexport interface TemporalTrendOptionConfig {\n annotations: ChartAnnotation[];\n referenceLines: ReferenceLine[];\n showLegend: boolean;\n stacked: boolean;\n /** Series to start hidden. `undefined` leaves legend selection uncontrolled. */\n hiddenSeries?: Set<string> | string[];\n}\n\n/** Group data points by category, returning sorted series keyed by category name. */\nexport function groupByCategory(\n data: ChartSeriesPoint[],\n limit: number,\n order: TemporalSeriesOrder = 'total',\n): SeriesGroup[] {\n const grouped = new Map<string, { ts: string; value: number }[]>();\n\n for (const point of data) {\n const key = point.category ?? 'Unknown';\n if (!grouped.has(key)) {\n grouped.set(key, []);\n }\n grouped.get(key)!.push({\n ts: point.ts ?? '',\n value: point.value,\n });\n }\n\n // `first-seen` keeps the Map's insertion order, so each series keeps its\n // colour when the data is refreshed and the totals move.\n const entries =\n order === 'first-seen'\n ? [...grouped.entries()]\n : [...grouped.entries()].sort(\n (a, b) =>\n b[1].reduce((sum, p) => sum + p.value, 0) -\n a[1].reduce((sum, p) => sum + p.value, 0),\n );\n\n if (entries.length <= limit) {\n return entries;\n }\n\n const top = entries.slice(0, limit - 1);\n const rest = entries.slice(limit - 1);\n\n const otherMap = new Map<string, number>();\n for (const [, points] of rest) {\n for (const p of points) {\n otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);\n }\n }\n\n const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({\n ts,\n value,\n }));\n\n return [...top, ['Other', otherPoints] as SeriesGroup];\n}\n\n/** Build markArea items from range annotations. */\nexport function buildMarkAreas(annotations: ChartAnnotation[]) {\n return annotations\n .filter((a) => a.end)\n .map((a) => [\n {\n name: a.label,\n xAxis: a.start,\n itemStyle: { color: a.color ?? 'rgba(255,107,90,0.1)' },\n },\n { xAxis: a.end },\n ]);\n}\n\n/** Build markLine items from point annotations. */\nexport function buildMarkLines(annotations: ChartAnnotation[]) {\n return annotations\n .filter((a) => !a.end)\n .map((a) => ({\n name: a.label,\n xAxis: a.start,\n lineStyle: { color: a.color ?? CHART_COLORS[0], type: 'dashed' as const },\n label: { formatter: a.label, position: 'end' as const },\n }));\n}\n\n/** Build markLine items from horizontal reference lines (KPI target, threshold). */\nexport function buildReferenceLines(referenceLines: ReferenceLine[]) {\n return referenceLines.map((r) => ({\n name: r.label ?? String(r.value),\n yAxis: r.value,\n lineStyle: {\n color: r.color ?? CHART_COLORS[0],\n type: r.dashed === false ? ('solid' as const) : ('dashed' as const),\n },\n label: {\n formatter: r.label ?? String(r.value),\n position: 'insideEndTop' as const,\n },\n }));\n}\n\n/**\n * Legend selection map. Hiding through the legend rather than filtering the\n * series array keeps every series at its own index, and so at its own colour.\n */\nfunction buildLegendSelected(\n seriesGroups: SeriesGroup[],\n hiddenSeries: Set<string> | string[] | undefined,\n) {\n if (!hiddenSeries) return undefined;\n\n const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);\n return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));\n}\n\n/** Assemble the ECharts option for the temporal trend card. */\nexport function buildTemporalTrendOption(\n seriesGroups: SeriesGroup[],\n config: TemporalTrendOptionConfig,\n) {\n const markAreas = buildMarkAreas(config.annotations);\n const markLines = [\n ...buildMarkLines(config.annotations),\n ...buildReferenceLines(config.referenceLines),\n ];\n\n const series = seriesGroups.map(([name, points], idx) => ({\n name,\n type: 'line' as const,\n ...(config.stacked ? { stack: 'total', areaStyle: {} } : {}),\n emphasis: { focus: 'series' as const },\n color: CHART_COLORS[idx % CHART_COLORS.length],\n data: points\n .sort((a, b) => (a.ts < b.ts ? -1 : 1))\n .map((p) => [p.ts, p.value]),\n ...(idx === 0 && (markAreas.length > 0 || markLines.length > 0)\n ? {\n markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : undefined,\n markLine:\n markLines.length > 0\n ? { silent: true, symbol: 'none', data: markLines }\n : undefined,\n }\n : {}),\n }));\n\n return {\n tooltip: {\n trigger: 'axis' as const,\n axisPointer: { type: 'cross' as const },\n },\n legend: {\n show: config.showLegend,\n type: 'scroll' as const,\n bottom: 0,\n selected: buildLegendSelected(seriesGroups, config.hiddenSeries),\n },\n grid: {\n left: '3%',\n right: '4%',\n bottom: config.showLegend ? '15%' : '3%',\n containLabel: true,\n },\n xAxis: { type: 'time' as const },\n yAxis: { type: 'value' as const },\n series,\n };\n}\n"],"names":[],"mappings":"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"}
package/dist/index106.cjs CHANGED
@@ -1,136 +1,45 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const constants = require("./index65.cjs");
4
- function aggregateData(data, maxCats, maxSubs, showOthers) {
5
- const categoryMap = /* @__PURE__ */ new Map();
6
- for (const point of data) {
7
- const cat = point.category ?? "Unknown";
8
- const sub = point.subCategory ?? "Default";
9
- if (!categoryMap.has(cat)) {
10
- categoryMap.set(cat, /* @__PURE__ */ new Map());
11
- }
12
- const subMap = categoryMap.get(cat);
13
- subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);
14
- }
15
- const sortedCategories = [...categoryMap.entries()].map(([cat, subMap]) => {
16
- let total = 0;
17
- for (const v of subMap.values()) total += v;
18
- return { cat, subMap, total };
19
- }).sort((a, b) => b.total - a.total);
20
- const topCategories = sortedCategories.slice(0, maxCats);
21
- const overflowCategories = sortedCategories.slice(maxCats);
22
- if (showOthers && overflowCategories.length > 0) {
23
- const othersMap = /* @__PURE__ */ new Map();
24
- for (const { subMap } of overflowCategories) {
25
- for (const [sub, val] of subMap) {
26
- othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);
27
- }
28
- }
29
- let othersTotal = 0;
30
- for (const v of othersMap.values()) othersTotal += v;
31
- topCategories.push({ cat: "Others", subMap: othersMap, total: othersTotal });
32
- }
33
- const allSubCategories = /* @__PURE__ */ new Set();
34
- for (const { subMap } of topCategories) {
35
- for (const sub of subMap.keys()) {
36
- allSubCategories.add(sub);
37
- }
38
- }
39
- const sortedSubs = [...allSubCategories];
40
- const limitedSubs = sortedSubs.slice(0, maxSubs);
41
- const hasOverflowSubs = sortedSubs.length > maxSubs;
42
- const categories = topCategories.map((entry) => entry.cat);
43
- const series = limitedSubs.map((sub) => ({
44
- name: sub,
45
- values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0)
46
- }));
47
- if (hasOverflowSubs && showOthers) {
48
- const overflowSubs = sortedSubs.slice(maxSubs);
49
- series.push({
50
- name: "Other subcategories",
51
- values: topCategories.map((entry) => {
52
- let sum = 0;
53
- for (const sub of overflowSubs) {
54
- sum += entry.subMap.get(sub) ?? 0;
55
- }
56
- return sum;
57
- })
58
- });
59
- }
60
- return { categories, series };
61
- }
62
- function buildBarOption(categories, series, invertAxis, hideLegend, enableScroll) {
63
- const categoryAxis = { type: "category", data: categories };
64
- const valueAxis = { type: "value" };
65
- const dataZoom = enableScroll ? [{ type: "slider", show: true, ...invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 } }] : [];
66
- return {
67
- tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
68
- legend: { show: !hideLegend, bottom: 0, type: "scroll" },
69
- grid: { left: "3%", right: "4%", top: "3%", bottom: hideLegend ? "3%" : "12%", containLabel: true },
70
- xAxis: invertAxis ? valueAxis : categoryAxis,
71
- yAxis: invertAxis ? categoryAxis : valueAxis,
72
- dataZoom,
73
- series: series.map((s, i) => ({
74
- name: s.name,
75
- type: "bar",
76
- stack: "total",
77
- emphasis: { focus: "series" },
78
- data: s.values,
79
- itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
80
- }))
81
- };
82
- }
83
- function buildPieOption(categories, series, hideLegend) {
84
- const pieData = categories.map((cat, catIdx) => {
85
- let total = 0;
86
- for (const s of series) {
87
- total += s.values[catIdx] ?? 0;
88
- }
89
- return { name: cat, value: total };
90
- });
91
- return {
92
- tooltip: { trigger: "item" },
93
- legend: { show: !hideLegend, bottom: 0, type: "scroll" },
94
- series: [
95
- {
96
- type: "pie",
97
- radius: ["30%", "65%"],
98
- center: ["50%", "45%"],
99
- data: pieData.map((d, i) => ({
100
- ...d,
101
- itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
102
- })),
103
- emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0,0,0,0.3)" } },
104
- label: { show: true, formatter: "{b}: {d}%" }
105
- }
106
- ]
107
- };
108
- }
109
- function buildSunburstOption(categories, series) {
110
- const sunburstData = categories.map((cat, catIdx) => {
111
- const children = series.map((s, sIdx) => ({
112
- name: s.name,
113
- value: s.values[catIdx] ?? 0,
114
- itemStyle: { color: constants.CHART_COLORS[(catIdx * series.length + sIdx) % constants.CHART_COLORS.length] }
115
- })).filter((child) => child.value > 0);
116
- return { name: cat, children };
117
- });
118
- return {
119
- tooltip: { trigger: "item" },
120
- series: [
121
- {
122
- type: "sunburst",
123
- data: sunburstData,
124
- radius: ["15%", "80%"],
125
- label: { rotate: "radial", fontSize: 10 },
126
- itemStyle: { borderRadius: 4, borderWidth: 1 },
127
- emphasis: { focus: "ancestor" }
128
- }
129
- ]
130
- };
131
- }
132
- exports.aggregateData = aggregateData;
133
- exports.buildBarOption = buildBarOption;
134
- exports.buildPieOption = buildPieOption;
135
- exports.buildSunburstOption = buildSunburstOption;
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const root = "krc-root-xM3Jn";
4
+ const header = "krc-header-Pg9ER";
5
+ const title = "krc-title-MRZQn";
6
+ const headerRight = "krc-headerRight-b0xzW";
7
+ const toolbar = "krc-toolbar--rsIi";
8
+ const select = "krc-select-79sIN";
9
+ const legendToggle = "krc-legendToggle--ofSS";
10
+ const legendToggleActive = "krc-legendToggleActive-14gdq";
11
+ const chartContainer = "krc-chartContainer-tDTrg";
12
+ const loading = "krc-loading-WkgGt";
13
+ const error = "krc-error-yzAKV";
14
+ const retryButton = "krc-retryButton-wTkWq";
15
+ const empty = "krc-empty-1EZzg";
16
+ const styles = {
17
+ root,
18
+ header,
19
+ title,
20
+ headerRight,
21
+ toolbar,
22
+ select,
23
+ legendToggle,
24
+ legendToggleActive,
25
+ chartContainer,
26
+ loading,
27
+ error,
28
+ retryButton,
29
+ empty
30
+ };
31
+ exports.chartContainer = chartContainer;
32
+ exports.default = styles;
33
+ exports.empty = empty;
34
+ exports.error = error;
35
+ exports.header = header;
36
+ exports.headerRight = headerRight;
37
+ exports.legendToggle = legendToggle;
38
+ exports.legendToggleActive = legendToggleActive;
39
+ exports.loading = loading;
40
+ exports.retryButton = retryButton;
41
+ exports.root = root;
42
+ exports.select = select;
43
+ exports.title = title;
44
+ exports.toolbar = toolbar;
136
45
  //# sourceMappingURL=index106.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index106.cjs","sources":["../src/charts/StackedBarChartCard/buildChartOptions.ts"],"sourcesContent":["import type { ChartSeriesPoint } from '../../types/chart.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** Aggregated series data for chart rendering. */\nexport interface AggregatedChartData {\n categories: string[];\n series: { name: string; values: number[] }[];\n}\n\n/** Aggregate data points by category and subCategory, applying limits. */\nexport function aggregateData(\n data: ChartSeriesPoint[],\n maxCats: number,\n maxSubs: number,\n showOthers: boolean,\n): AggregatedChartData {\n const categoryMap = new Map<string, Map<string, number>>();\n\n for (const point of data) {\n const cat = point.category ?? 'Unknown';\n const sub = point.subCategory ?? 'Default';\n if (!categoryMap.has(cat)) {\n categoryMap.set(cat, new Map());\n }\n const subMap = categoryMap.get(cat)!;\n subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);\n }\n\n const sortedCategories = [...categoryMap.entries()]\n .map(([cat, subMap]) => {\n let total = 0;\n for (const v of subMap.values()) total += v;\n return { cat, subMap, total };\n })\n .sort((a, b) => b.total - a.total);\n\n const topCategories = sortedCategories.slice(0, maxCats);\n const overflowCategories = sortedCategories.slice(maxCats);\n\n if (showOthers && overflowCategories.length > 0) {\n const othersMap = new Map<string, number>();\n for (const { subMap } of overflowCategories) {\n for (const [sub, val] of subMap) {\n othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);\n }\n }\n let othersTotal = 0;\n for (const v of othersMap.values()) othersTotal += v;\n topCategories.push({ cat: 'Others', subMap: othersMap, total: othersTotal });\n }\n\n const allSubCategories = new Set<string>();\n for (const { subMap } of topCategories) {\n for (const sub of subMap.keys()) {\n allSubCategories.add(sub);\n }\n }\n\n const sortedSubs = [...allSubCategories];\n const limitedSubs = sortedSubs.slice(0, maxSubs);\n const hasOverflowSubs = sortedSubs.length > maxSubs;\n\n const categories = topCategories.map((entry) => entry.cat);\n\n const series = limitedSubs.map((sub) => ({\n name: sub,\n values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0),\n }));\n\n if (hasOverflowSubs && showOthers) {\n const overflowSubs = sortedSubs.slice(maxSubs);\n series.push({\n name: 'Other subcategories',\n values: topCategories.map((entry) => {\n let sum = 0;\n for (const sub of overflowSubs) {\n sum += entry.subMap.get(sub) ?? 0;\n }\n return sum;\n }),\n });\n }\n\n return { categories, series };\n}\n\n/** Build ECharts option for stacked bar chart. */\nexport function buildBarOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n invertAxis: boolean,\n hideLegend: boolean,\n enableScroll: boolean,\n) {\n const categoryAxis = { type: 'category' as const, data: categories };\n const valueAxis = { type: 'value' as const };\n\n const dataZoom = enableScroll\n ? [{ type: 'slider' as const, show: true, ...(invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 }) }]\n : [];\n\n return {\n tooltip: { trigger: 'axis' as const, axisPointer: { type: 'shadow' as const } },\n legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n grid: { left: '3%', right: '4%', top: '3%', bottom: hideLegend ? '3%' : '12%', containLabel: true },\n xAxis: invertAxis ? valueAxis : categoryAxis,\n yAxis: invertAxis ? categoryAxis : valueAxis,\n dataZoom,\n series: series.map((s, i) => ({\n name: s.name,\n type: 'bar' as const,\n stack: 'total',\n emphasis: { focus: 'series' as const },\n data: s.values,\n itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n })),\n };\n}\n\n/** Build ECharts option for pie chart. */\nexport function buildPieOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n hideLegend: boolean,\n) {\n const pieData = categories.map((cat, catIdx) => {\n let total = 0;\n for (const s of series) {\n total += s.values[catIdx] ?? 0;\n }\n return { name: cat, value: total };\n });\n\n return {\n tooltip: { trigger: 'item' as const },\n legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n series: [\n {\n type: 'pie' as const,\n radius: ['30%', '65%'],\n center: ['50%', '45%'],\n data: pieData.map((d, i) => ({\n ...d,\n itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n })),\n emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0,0,0,0.3)' } },\n label: { show: true, formatter: '{b}: {d}%' },\n },\n ],\n };\n}\n\n/** Build ECharts option for sunburst chart. */\nexport function buildSunburstOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n) {\n const sunburstData = categories.map((cat, catIdx) => {\n const children = series\n .map((s, sIdx) => ({\n name: s.name,\n value: s.values[catIdx] ?? 0,\n itemStyle: { color: CHART_COLORS[(catIdx * series.length + sIdx) % CHART_COLORS.length] },\n }))\n .filter((child) => child.value > 0);\n\n return { name: cat, children };\n });\n\n return {\n tooltip: { trigger: 'item' as const },\n series: [\n {\n type: 'sunburst' as const,\n data: sunburstData,\n radius: ['15%', '80%'],\n label: { rotate: 'radial' as const, fontSize: 10 },\n itemStyle: { borderRadius: 4, borderWidth: 1 },\n emphasis: { focus: 'ancestor' as const },\n },\n ],\n };\n}\n"],"names":["CHART_COLORS"],"mappings":"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"}
1
+ {"version":3,"file":"index106.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index106.js CHANGED
@@ -1,136 +1,45 @@
1
- import { CHART_COLORS } from "./index65.js";
2
- function aggregateData(data, maxCats, maxSubs, showOthers) {
3
- const categoryMap = /* @__PURE__ */ new Map();
4
- for (const point of data) {
5
- const cat = point.category ?? "Unknown";
6
- const sub = point.subCategory ?? "Default";
7
- if (!categoryMap.has(cat)) {
8
- categoryMap.set(cat, /* @__PURE__ */ new Map());
9
- }
10
- const subMap = categoryMap.get(cat);
11
- subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);
12
- }
13
- const sortedCategories = [...categoryMap.entries()].map(([cat, subMap]) => {
14
- let total = 0;
15
- for (const v of subMap.values()) total += v;
16
- return { cat, subMap, total };
17
- }).sort((a, b) => b.total - a.total);
18
- const topCategories = sortedCategories.slice(0, maxCats);
19
- const overflowCategories = sortedCategories.slice(maxCats);
20
- if (showOthers && overflowCategories.length > 0) {
21
- const othersMap = /* @__PURE__ */ new Map();
22
- for (const { subMap } of overflowCategories) {
23
- for (const [sub, val] of subMap) {
24
- othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);
25
- }
26
- }
27
- let othersTotal = 0;
28
- for (const v of othersMap.values()) othersTotal += v;
29
- topCategories.push({ cat: "Others", subMap: othersMap, total: othersTotal });
30
- }
31
- const allSubCategories = /* @__PURE__ */ new Set();
32
- for (const { subMap } of topCategories) {
33
- for (const sub of subMap.keys()) {
34
- allSubCategories.add(sub);
35
- }
36
- }
37
- const sortedSubs = [...allSubCategories];
38
- const limitedSubs = sortedSubs.slice(0, maxSubs);
39
- const hasOverflowSubs = sortedSubs.length > maxSubs;
40
- const categories = topCategories.map((entry) => entry.cat);
41
- const series = limitedSubs.map((sub) => ({
42
- name: sub,
43
- values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0)
44
- }));
45
- if (hasOverflowSubs && showOthers) {
46
- const overflowSubs = sortedSubs.slice(maxSubs);
47
- series.push({
48
- name: "Other subcategories",
49
- values: topCategories.map((entry) => {
50
- let sum = 0;
51
- for (const sub of overflowSubs) {
52
- sum += entry.subMap.get(sub) ?? 0;
53
- }
54
- return sum;
55
- })
56
- });
57
- }
58
- return { categories, series };
59
- }
60
- function buildBarOption(categories, series, invertAxis, hideLegend, enableScroll) {
61
- const categoryAxis = { type: "category", data: categories };
62
- const valueAxis = { type: "value" };
63
- const dataZoom = enableScroll ? [{ type: "slider", show: true, ...invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 } }] : [];
64
- return {
65
- tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
66
- legend: { show: !hideLegend, bottom: 0, type: "scroll" },
67
- grid: { left: "3%", right: "4%", top: "3%", bottom: hideLegend ? "3%" : "12%", containLabel: true },
68
- xAxis: invertAxis ? valueAxis : categoryAxis,
69
- yAxis: invertAxis ? categoryAxis : valueAxis,
70
- dataZoom,
71
- series: series.map((s, i) => ({
72
- name: s.name,
73
- type: "bar",
74
- stack: "total",
75
- emphasis: { focus: "series" },
76
- data: s.values,
77
- itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] }
78
- }))
79
- };
80
- }
81
- function buildPieOption(categories, series, hideLegend) {
82
- const pieData = categories.map((cat, catIdx) => {
83
- let total = 0;
84
- for (const s of series) {
85
- total += s.values[catIdx] ?? 0;
86
- }
87
- return { name: cat, value: total };
88
- });
89
- return {
90
- tooltip: { trigger: "item" },
91
- legend: { show: !hideLegend, bottom: 0, type: "scroll" },
92
- series: [
93
- {
94
- type: "pie",
95
- radius: ["30%", "65%"],
96
- center: ["50%", "45%"],
97
- data: pieData.map((d, i) => ({
98
- ...d,
99
- itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] }
100
- })),
101
- emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0,0,0,0.3)" } },
102
- label: { show: true, formatter: "{b}: {d}%" }
103
- }
104
- ]
105
- };
106
- }
107
- function buildSunburstOption(categories, series) {
108
- const sunburstData = categories.map((cat, catIdx) => {
109
- const children = series.map((s, sIdx) => ({
110
- name: s.name,
111
- value: s.values[catIdx] ?? 0,
112
- itemStyle: { color: CHART_COLORS[(catIdx * series.length + sIdx) % CHART_COLORS.length] }
113
- })).filter((child) => child.value > 0);
114
- return { name: cat, children };
115
- });
116
- return {
117
- tooltip: { trigger: "item" },
118
- series: [
119
- {
120
- type: "sunburst",
121
- data: sunburstData,
122
- radius: ["15%", "80%"],
123
- label: { rotate: "radial", fontSize: 10 },
124
- itemStyle: { borderRadius: 4, borderWidth: 1 },
125
- emphasis: { focus: "ancestor" }
126
- }
127
- ]
128
- };
129
- }
1
+ const root = "krc-root-xM3Jn";
2
+ const header = "krc-header-Pg9ER";
3
+ const title = "krc-title-MRZQn";
4
+ const headerRight = "krc-headerRight-b0xzW";
5
+ const toolbar = "krc-toolbar--rsIi";
6
+ const select = "krc-select-79sIN";
7
+ const legendToggle = "krc-legendToggle--ofSS";
8
+ const legendToggleActive = "krc-legendToggleActive-14gdq";
9
+ const chartContainer = "krc-chartContainer-tDTrg";
10
+ const loading = "krc-loading-WkgGt";
11
+ const error = "krc-error-yzAKV";
12
+ const retryButton = "krc-retryButton-wTkWq";
13
+ const empty = "krc-empty-1EZzg";
14
+ const styles = {
15
+ root,
16
+ header,
17
+ title,
18
+ headerRight,
19
+ toolbar,
20
+ select,
21
+ legendToggle,
22
+ legendToggleActive,
23
+ chartContainer,
24
+ loading,
25
+ error,
26
+ retryButton,
27
+ empty
28
+ };
130
29
  export {
131
- aggregateData,
132
- buildBarOption,
133
- buildPieOption,
134
- buildSunburstOption
30
+ chartContainer,
31
+ styles as default,
32
+ empty,
33
+ error,
34
+ header,
35
+ headerRight,
36
+ legendToggle,
37
+ legendToggleActive,
38
+ loading,
39
+ retryButton,
40
+ root,
41
+ select,
42
+ title,
43
+ toolbar
135
44
  };
136
45
  //# sourceMappingURL=index106.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index106.js","sources":["../src/charts/StackedBarChartCard/buildChartOptions.ts"],"sourcesContent":["import type { ChartSeriesPoint } from '../../types/chart.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** Aggregated series data for chart rendering. */\nexport interface AggregatedChartData {\n categories: string[];\n series: { name: string; values: number[] }[];\n}\n\n/** Aggregate data points by category and subCategory, applying limits. */\nexport function aggregateData(\n data: ChartSeriesPoint[],\n maxCats: number,\n maxSubs: number,\n showOthers: boolean,\n): AggregatedChartData {\n const categoryMap = new Map<string, Map<string, number>>();\n\n for (const point of data) {\n const cat = point.category ?? 'Unknown';\n const sub = point.subCategory ?? 'Default';\n if (!categoryMap.has(cat)) {\n categoryMap.set(cat, new Map());\n }\n const subMap = categoryMap.get(cat)!;\n subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);\n }\n\n const sortedCategories = [...categoryMap.entries()]\n .map(([cat, subMap]) => {\n let total = 0;\n for (const v of subMap.values()) total += v;\n return { cat, subMap, total };\n })\n .sort((a, b) => b.total - a.total);\n\n const topCategories = sortedCategories.slice(0, maxCats);\n const overflowCategories = sortedCategories.slice(maxCats);\n\n if (showOthers && overflowCategories.length > 0) {\n const othersMap = new Map<string, number>();\n for (const { subMap } of overflowCategories) {\n for (const [sub, val] of subMap) {\n othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);\n }\n }\n let othersTotal = 0;\n for (const v of othersMap.values()) othersTotal += v;\n topCategories.push({ cat: 'Others', subMap: othersMap, total: othersTotal });\n }\n\n const allSubCategories = new Set<string>();\n for (const { subMap } of topCategories) {\n for (const sub of subMap.keys()) {\n allSubCategories.add(sub);\n }\n }\n\n const sortedSubs = [...allSubCategories];\n const limitedSubs = sortedSubs.slice(0, maxSubs);\n const hasOverflowSubs = sortedSubs.length > maxSubs;\n\n const categories = topCategories.map((entry) => entry.cat);\n\n const series = limitedSubs.map((sub) => ({\n name: sub,\n values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0),\n }));\n\n if (hasOverflowSubs && showOthers) {\n const overflowSubs = sortedSubs.slice(maxSubs);\n series.push({\n name: 'Other subcategories',\n values: topCategories.map((entry) => {\n let sum = 0;\n for (const sub of overflowSubs) {\n sum += entry.subMap.get(sub) ?? 0;\n }\n return sum;\n }),\n });\n }\n\n return { categories, series };\n}\n\n/** Build ECharts option for stacked bar chart. */\nexport function buildBarOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n invertAxis: boolean,\n hideLegend: boolean,\n enableScroll: boolean,\n) {\n const categoryAxis = { type: 'category' as const, data: categories };\n const valueAxis = { type: 'value' as const };\n\n const dataZoom = enableScroll\n ? [{ type: 'slider' as const, show: true, ...(invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 }) }]\n : [];\n\n return {\n tooltip: { trigger: 'axis' as const, axisPointer: { type: 'shadow' as const } },\n legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n grid: { left: '3%', right: '4%', top: '3%', bottom: hideLegend ? '3%' : '12%', containLabel: true },\n xAxis: invertAxis ? valueAxis : categoryAxis,\n yAxis: invertAxis ? categoryAxis : valueAxis,\n dataZoom,\n series: series.map((s, i) => ({\n name: s.name,\n type: 'bar' as const,\n stack: 'total',\n emphasis: { focus: 'series' as const },\n data: s.values,\n itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n })),\n };\n}\n\n/** Build ECharts option for pie chart. */\nexport function buildPieOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n hideLegend: boolean,\n) {\n const pieData = categories.map((cat, catIdx) => {\n let total = 0;\n for (const s of series) {\n total += s.values[catIdx] ?? 0;\n }\n return { name: cat, value: total };\n });\n\n return {\n tooltip: { trigger: 'item' as const },\n legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n series: [\n {\n type: 'pie' as const,\n radius: ['30%', '65%'],\n center: ['50%', '45%'],\n data: pieData.map((d, i) => ({\n ...d,\n itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n })),\n emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0,0,0,0.3)' } },\n label: { show: true, formatter: '{b}: {d}%' },\n },\n ],\n };\n}\n\n/** Build ECharts option for sunburst chart. */\nexport function buildSunburstOption(\n categories: string[],\n series: { name: string; values: number[] }[],\n) {\n const sunburstData = categories.map((cat, catIdx) => {\n const children = series\n .map((s, sIdx) => ({\n name: s.name,\n value: s.values[catIdx] ?? 0,\n itemStyle: { color: CHART_COLORS[(catIdx * series.length + sIdx) % CHART_COLORS.length] },\n }))\n .filter((child) => child.value > 0);\n\n return { name: cat, children };\n });\n\n return {\n tooltip: { trigger: 'item' as const },\n series: [\n {\n type: 'sunburst' as const,\n data: sunburstData,\n radius: ['15%', '80%'],\n label: { rotate: 'radial' as const, fontSize: 10 },\n itemStyle: { borderRadius: 4, borderWidth: 1 },\n emphasis: { focus: 'ancestor' as const },\n },\n ],\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index106.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}