[READ-ONLY] Mirror of https://github.com/graphieros/vue-data-ui. An open source user-empowering data visualization Vue 3 components library for eloquent data storytelling vue-data-ui.graphieros.com/
charts components-library dashboard data-storytelling data-visualization donut gauge heatmap quadrant radar rating-stars scatter screenshot skeleton-loader sparkline table vue-data-ui vue3 vuejs vuejs3
3

Configure Feed

Select the types of activity you want to include in your feed.

chore(VueUiBump): add type defs for emits

graphieros (May 19, 2026, 4:24 PM +0200) 0b21c33e 052030a5

+66 -28
+2 -2
manual-testing/backend/database.json
··· 1445 1445 "VueUiAgePyramid": true, 1446 1446 "VueUiAnnotator": true, 1447 1447 "VueUiBullet": true, 1448 - "VueUiBump": false, 1448 + "VueUiBump": true, 1449 1449 "VueUiCandlestick": false, 1450 1450 "VueUiCarouselTable": false, 1451 1451 "VueUiChestnut": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779198702675 1512 + "updatedAt": 1779200657897 1513 1513 } 1514 1514 ] 1515 1515 }
+6 -1
ts-playground/src/components/charts/ts-vue-ui-bump.vue
··· 7 7 VueUiBump, 8 8 type VueUiBumpConfig, 9 9 type VueUiBumpDatasetItem, 10 + type VueUiBumpEmitCopyAlt, 10 11 } from 'vue-data-ui/vue-ui-bump'; 11 12 import { mergeConfigs } from 'vue-data-ui/utils'; 12 13 ··· 306 307 function log(n: unknown) { 307 308 console.log(n); 308 309 } 310 + 311 + function copyAlt(payload: VueUiBumpEmitCopyAlt) { 312 + console.log(payload); 313 + } 309 314 </script> 310 315 311 316 <template> 312 317 <div> 313 - <VueUiBump :dataset :config> 318 + <VueUiBump :dataset :config @copyAlt="copyAlt"> 314 319 <template #annotator-action-close> 315 320 <span style="color: chocolate">X</span> 316 321 </template>
+42 -24
types/vue-data-ui.d.ts
··· 15253 15253 }; 15254 15254 }; 15255 15255 15256 + export type VueUiBumpFormattedDataset = { 15257 + [key: string]: any; 15258 + absoluteIndex: number; 15259 + color: string; 15260 + coordinates: Array<{ 15261 + color: string; 15262 + displayValue: string; 15263 + id: string; 15264 + labelColor: string; 15265 + name: string; 15266 + rank: number; 15267 + value: number | null; 15268 + x: number; 15269 + y: number; 15270 + }>; 15271 + id: string; 15272 + name: string; 15273 + path: string; 15274 + positions: Array<number | null>; 15275 + values: Array<number | null>; 15276 + }; 15277 + 15256 15278 export type VueUiBumpExpose = { 15257 - getData(): Promise< 15258 - Array<{ 15259 - [key: string]: any; 15260 - absoluteIndex: number; 15261 - color: string; 15262 - coordinates: Array<{ 15263 - color: string; 15264 - displayValue: string; 15265 - id: string; 15266 - labelColor: string; 15267 - name: string; 15268 - rank: number; 15269 - value: number | null; 15270 - x: number; 15271 - y: number; 15272 - }>; 15273 - id: string; 15274 - name: string; 15275 - path: string; 15276 - positions: Array<number | null>; 15277 - values: Array<number | null>; 15278 - }> 15279 - >; 15279 + getData(): Promise<Array<VueUiBumpFormattedDataset>>; 15280 15280 getImage(options?: { scale?: number }): GetImagePromise; 15281 15281 generateCsv(): void; 15282 15282 generateSvg(): void; ··· 15325 15325 }; 15326 15326 }; 15327 15327 15328 - const VueUiBumpBase: DefineComponent<VueUiBumpProps>; 15328 + export type VueUiBumpEmitCopyAlt = { 15329 + dataset: VueUiBumpFormattedDataset[]; 15330 + config: VueUiBumpConfig; 15331 + }; 15332 + 15333 + export type VueUiBumpEmits = { 15334 + copyAlt: (payload: VueUiBumpEmitCopyAlt) => void; 15335 + }; 15336 + 15337 + const VueUiBumpBase: DefineComponent< 15338 + VueUiBumpProps, 15339 + {}, 15340 + {}, 15341 + {}, 15342 + {}, 15343 + {}, 15344 + {}, 15345 + VueUiBumpEmits 15346 + >; 15329 15347 15330 15348 export const VueUiBump: typeof VueUiBumpBase & { 15331 15349 new (): VueUiBumpExpose & {
+16 -1
types/vue-ui-bump.d.ts
··· 19 19 VueUiKeyboardNavigationHintSlotProps, 20 20 VueUiWatermarkSlotProps, 21 21 CommonAnnotatorSlots, 22 + VueUiBumpEmits, 23 + VueUiBumpEmitCopyAlt, 24 + VueUiBumpFormattedDataset, 22 25 } from 'vue-data-ui'; 23 26 24 27 export type { ··· 40 43 VueUiKeyboardNavigationHintSlotProps, 41 44 VueUiWatermarkSlotProps, 42 45 CommonAnnotatorSlots, 46 + VueUiBumpEmits, 47 + VueUiBumpEmitCopyAlt, 48 + VueUiBumpFormattedDataset, 43 49 }; 44 50 45 - declare const VueUiBumpBase: DefineComponent<VueUiBumpProps>; 51 + declare const VueUiBumpBase: DefineComponent< 52 + VueUiBumpProps, 53 + {}, 54 + {}, 55 + {}, 56 + {}, 57 + {}, 58 + {}, 59 + VueUiBumpEmits 60 + >; 46 61 47 62 export const VueUiBump: typeof VueUiBumpBase & { 48 63 new (): VueUiBumpExpose & {