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

graphieros (May 22, 2026, 2:20 PM +0200) 0e741af6 517f7f6c

+42 -5
+2 -2
manual-testing/backend/database.json
··· 1469 1469 "VueUiKpi": true, 1470 1470 "VueUiMiniLoader": true, 1471 1471 "VueUiMolecule": true, 1472 - "VueUiMoodRadar": false, 1472 + "VueUiMoodRadar": true, 1473 1473 "VueUiNestedDonuts": false, 1474 1474 "VueUiOnion": false, 1475 1475 "VueUiParallelCoordinatePlot": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779451807424 1512 + "updatedAt": 1779452403187 1513 1513 } 1514 1514 ] 1515 1515 }
+6 -1
ts-playground/src/components/charts/ts-vue-ui-mood-radar.vue
··· 4 4 VueUiMoodRadar, 5 5 type VueUiMoodRadarConfig, 6 6 type VueUiMoodRadarDataset, 7 + type VueUiMoodRadarEmitCopyAlt, 7 8 } from 'vue-data-ui/vue-ui-mood-radar'; 8 9 import { mergeConfigs } from 'vue-data-ui/utils'; 9 10 ··· 234 235 function log(n: unknown) { 235 236 console.log(n); 236 237 } 238 + 239 + function copyAlt(payload: VueUiMoodRadarEmitCopyAlt) { 240 + console.log('@copyAlt', payload); 241 + } 237 242 </script> 238 243 239 244 <template> 240 245 <div> 241 - <VueUiMoodRadar :dataset :config> 246 + <VueUiMoodRadar :dataset :config @copyAlt="copyAlt"> 242 247 <template #annotator-action-close> 243 248 <span style="color: chocolate">X</span> 244 249 </template>
+20 -1
types/vue-data-ui.d.ts
··· 1596 1596 }; 1597 1597 1598 1598 export type VueUiMoleculeEmitSelectNode = VueUiMoleculeDatapoint; 1599 + 1599 1600 export type VueUiMoleculeEmitCopyAlt = { 1600 1601 config: VueUiMoleculeConfig; 1601 1602 dataset: VueUiMoleculeDatapoint[]; ··· 2043 2044 config?: VueUiMoodRadarConfig; 2044 2045 }; 2045 2046 2046 - const VueUiMoodRadarBase: DefineComponent<VueUiMoodRadarProps>; 2047 + export type VueUiMoodRadarEmitCopyAlt = { 2048 + config: VueUiMoodRadarConfig; 2049 + dataset: VueUiMoodRadarDatapoint[]; 2050 + }; 2051 + 2052 + export type VueUiMoodRadarEmits = { 2053 + copyAlt: (payload: VueUiMoodRadarEmitCopyAlt) => void; 2054 + }; 2055 + 2056 + const VueUiMoodRadarBase: DefineComponent< 2057 + VueUiMoodRadarProps, 2058 + {}, 2059 + {}, 2060 + {}, 2061 + {}, 2062 + {}, 2063 + {}, 2064 + VueUiMoodRadarEmits 2065 + >; 2047 2066 2048 2067 export const VueUiMoodRadar: typeof VueUiMoodRadarBase & { 2049 2068 new (): VueUiMoodRadarExpose & {
+14 -1
types/vue-ui-mood-radar.d.ts
··· 20 20 VueUiWatermarkSlotProps, 21 21 VueUiMoodRadarLegendSlotProps, 22 22 CommonAnnotatorSlots, 23 + VueUiMoodRadarEmits, 24 + VueUiMoodRadarEmitCopyAlt, 23 25 } from 'vue-data-ui'; 24 26 25 27 export type { ··· 42 44 VueUiWatermarkSlotProps, 43 45 VueUiMoodRadarLegendSlotProps, 44 46 CommonAnnotatorSlots, 47 + VueUiMoodRadarEmits, 48 + VueUiMoodRadarEmitCopyAlt, 45 49 }; 46 50 47 - declare const VueUiMoodRadarBase: DefineComponent<VueUiMoodRadarProps>; 51 + declare const VueUiMoodRadarBase: DefineComponent< 52 + VueUiMoodRadarProps, 53 + {}, 54 + {}, 55 + {}, 56 + {}, 57 + {}, 58 + {}, 59 + VueUiMoodRadarEmits 60 + >; 48 61 49 62 export const VueUiMoodRadar: typeof VueUiMoodRadarBase & { 50 63 new (): VueUiMoodRadarExpose & {