graphieros.npmx.social / vue-data-ui
[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
Fork 0

Configure Feed

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

chore(VueUiTiremarks): add type defs for emits

graphieros (May 23, 2026, 9:02 AM +0200) c8b6ecc8 7f50da71

+46 -6
+2 -2
manual-testing/backend/database.json
··· 1496 1496 "VueUiTableSparkline": true, 1497 1497 "VueUiThermometer": true, 1498 1498 "VueUiTimer": true, 1499 - "VueUiTiremarks": false, 1499 + "VueUiTiremarks": true, 1500 1500 "VueUiTreemap": false, 1501 1501 "VueUiWaffle": false, 1502 1502 "VueUiWheel": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779519480239 1512 + "updatedAt": 1779519720150 1513 1513 } 1514 1514 ] 1515 1515 }
+5 -1
ts-playground/src/components/charts/ts-vue-ui-timer.vue
··· 3 3 * This playground showcases all the slots and their implementations for <VueUiTimer> 4 4 */ 5 5 import { computed } from 'vue'; 6 - import { VueUiTimer, type VueUiTimerConfig, type VueUiTimerLap } from 'vue-data-ui/vue-ui-timer'; 6 + import { 7 + VueUiTimer, 8 + type VueUiTimerConfig, 9 + type VueUiTimerLap, 10 + } from 'vue-data-ui/vue-ui-timer'; 7 11 import 'vue-data-ui/style.css'; 8 12 9 13 const config = computed<VueUiTimerConfig>(() => {
+6 -1
ts-playground/src/components/charts/ts-vue-ui-tiremarks.vue
··· 7 7 VueUiTiremarks, 8 8 type VueUiTiremarksConfig, 9 9 type VueUiTiremarksDataset, 10 + type VueUiTiremarksEmitCopyAlt, 10 11 } from 'vue-data-ui/vue-ui-tiremarks'; 11 12 import { mergeConfigs } from 'vue-data-ui/utils'; 12 13 ··· 167 168 function log(n: unknown) { 168 169 console.log(n); 169 170 } 171 + 172 + function copyAlt(payload: VueUiTiremarksEmitCopyAlt) { 173 + console.log('@copyAlt', payload); 174 + } 170 175 </script> 171 176 172 177 <template> 173 178 <div> 174 - <VueUiTiremarks :dataset :config> 179 + <VueUiTiremarks :dataset :config @copyAlt="copyAlt"> 175 180 <template #annotator-action-close> 176 181 <span style="color: chocolate">X</span> 177 182 </template>
+19 -1
types/vue-data-ui.d.ts
··· 2790 2790 dataset: VueUiTiremarksDataset; 2791 2791 }; 2792 2792 2793 - const VueUiTiremarksBase: DefineComponent<VueUiTiremarksProps>; 2793 + export type VueUiTiremarksEmitCopyAlt = { 2794 + config: VueUiTiremarksConfig; 2795 + dataset: VueUiTiremarksDataset; 2796 + }; 2797 + 2798 + export type VueUiTiremarksEmits = { 2799 + copyAlt: (payload: VueUiTiremarksEmitCopyAlt) => void; 2800 + }; 2801 + 2802 + const VueUiTiremarksBase: DefineComponent< 2803 + VueUiTiremarksProps, 2804 + {}, 2805 + {}, 2806 + {}, 2807 + {}, 2808 + {}, 2809 + {}, 2810 + VueUiTiremarksEmits 2811 + >; 2794 2812 2795 2813 export const VueUiTiremarks: typeof VueUiTiremarksBase & { 2796 2814 new (): VueUiTiremarksExpose & {
+14 -1
types/vue-ui-tiremarks.d.ts
··· 11 11 VueUiOptionAnnotatorSlotProps, 12 12 VueUiTiremarksSvgSlotProps, 13 13 VueUiWatermarkSlotProps, 14 + VueUiTiremarksEmits, 15 + VueUiTiremarksEmitCopyAlt, 14 16 } from 'vue-data-ui'; 15 17 16 18 export type { ··· 24 26 VueUiOptionAnnotatorSlotProps, 25 27 VueUiTiremarksSvgSlotProps, 26 28 VueUiWatermarkSlotProps, 29 + VueUiTiremarksEmits, 30 + VueUiTiremarksEmitCopyAlt, 27 31 }; 28 32 29 - declare const VueUiTiremarksBase: DefineComponent<VueUiTiremarksProps>; 33 + declare const VueUiTiremarksBase: DefineComponent< 34 + VueUiTiremarksProps, 35 + {}, 36 + {}, 37 + {}, 38 + {}, 39 + {}, 40 + {}, 41 + VueUiTiremarksEmits 42 + >; 30 43 31 44 export const VueUiTiremarks: typeof VueUiTiremarksBase & { 32 45 new (): VueUiTiremarksExpose & {