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(VueUiGauge): add type defs for emits

graphieros (May 22, 2026, 6:28 AM +0200) 4883126b 1d990ba3

+41 -5
+2 -2
manual-testing/backend/database.json
··· 1460 1460 "VueUiFlow": true, 1461 1461 "VueUiFunnel": true, 1462 1462 "VueUiGalaxy": true, 1463 - "VueUiGauge": false, 1463 + "VueUiGauge": true, 1464 1464 "VueUiGeo": false, 1465 1465 "VueUiGizmo": false, 1466 1466 "VueUiHeatmap": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779423503970 1512 + "updatedAt": 1779424082485 1513 1513 } 1514 1514 ] 1515 1515 }
+6 -1
ts-playground/src/components/charts/ts-vue-ui-gauge.vue
··· 4 4 VueUiGauge, 5 5 type VueUiGaugeConfig, 6 6 type VueUiGaugeDataset, 7 + type VueUiGaugeEmitCopyAlt, 7 8 } from 'vue-data-ui/vue-ui-gauge'; 8 9 import { mergeConfigs } from 'vue-data-ui/utils'; 9 10 import 'vue-data-ui/style.css'; ··· 234 235 function log(n: unknown) { 235 236 console.log(n); 236 237 } 238 + 239 + function copyAlt(payload: VueUiGaugeEmitCopyAlt) { 240 + console.log('@copyAlt', payload); 241 + } 237 242 </script> 238 243 239 244 <template> 240 245 <div> 241 - <VueUiGauge :dataset :config> 246 + <VueUiGauge :dataset :config @copyAlt="copyAlt"> 242 247 <template #annotator-action-close> 243 248 <span style="color: chocolate">X</span> 244 249 </template>
+19 -1
types/vue-data-ui.d.ts
··· 7777 7777 dataset: VueUiGaugeDataset; 7778 7778 }; 7779 7779 7780 - const VueUiGaugeBase: DefineComponent<VueUiGaugeProps>; 7780 + export type VueUiGaugeEmitCopyAlt = { 7781 + config: VueUiGaugeConfig; 7782 + dataset: VueUiGaugeDataset; 7783 + }; 7784 + 7785 + export type VueUiGaugeEmits = { 7786 + copyAlt: (payload: VueUiGaugeEmitCopyAlt) => void; 7787 + }; 7788 + 7789 + const VueUiGaugeBase: DefineComponent< 7790 + VueUiGaugeProps, 7791 + {}, 7792 + {}, 7793 + {}, 7794 + {}, 7795 + {}, 7796 + {}, 7797 + VueUiGaugeEmits 7798 + >; 7781 7799 7782 7800 export const VueUiGauge: typeof VueUiGaugeBase & { 7783 7801 new (): VueUiGaugeExpose & {
+14 -1
types/vue-ui-gauge.d.ts
··· 19 19 VueUiWatermarkSlotProps, 20 20 VueUiGaugeLegendSlotProps, 21 21 CommonAnnotatorSlots, 22 + VueUiGaugeEmits, 23 + VueUiGaugeEmitCopyAlt, 22 24 } from 'vue-data-ui'; 23 25 24 26 export type { ··· 40 42 VueUiWatermarkSlotProps, 41 43 VueUiGaugeLegendSlotProps, 42 44 CommonAnnotatorSlots, 45 + VueUiGaugeEmits, 46 + VueUiGaugeEmitCopyAlt, 43 47 }; 44 48 45 - declare const VueUiGaugeBase: DefineComponent<VueUiGaugeProps>; 49 + declare const VueUiGaugeBase: DefineComponent< 50 + VueUiGaugeProps, 51 + {}, 52 + {}, 53 + {}, 54 + {}, 55 + {}, 56 + {}, 57 + VueUiGaugeEmits 58 + >; 46 59 47 60 export const VueUiGauge: typeof VueUiGaugeBase & { 48 61 new (): VueUiGaugeExpose & {