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

graphieros (May 19, 2026, 8:25 AM +0200) 50185472 36ec3e4a

+46 -5
+2 -2
manual-testing/backend/database.json
··· 1442 1442 "withComponentCheckList": true, 1443 1443 "checkList": { 1444 1444 "VueUi3dBar": true, 1445 - "VueUiAgePyramid": false, 1445 + "VueUiAgePyramid": true, 1446 1446 "VueUiAnnotator": false, 1447 1447 "VueUiBullet": false, 1448 1448 "VueUiBump": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779170970225 1512 + "updatedAt": 1779171839123 1513 1513 } 1514 1514 ] 1515 1515 }
+6 -1
ts-playground/src/components/charts/ts-vue-ui-age-pyramid.vue
··· 8 8 type VueUiAgePyramidConfig, 9 9 type VueUiAgePyramidDataset, 10 10 type VueUiAgePyramidDatasetRow, 11 + type VueUiAgePyramidEmitCopyAlt, 11 12 } from 'vue-data-ui/vue-ui-age-pyramid'; 12 13 import { mergeConfigs } from 'vue-data-ui/utils'; 13 14 import CommonAnnotatorActionColor from '../slots/common/annotator-action-color.vue'; ··· 279 280 function log(t: unknown) { 280 281 console.log(t); 281 282 } 283 + 284 + function copyAlt(payload: VueUiAgePyramidEmitCopyAlt) { 285 + console.log('@copyAlt', payload); 286 + } 282 287 </script> 283 288 284 289 <template> 285 290 <div> 286 - <VueUiAgePyramid :dataset :config> 291 + <VueUiAgePyramid :dataset :config @copyAlt="copyAlt"> 287 292 <template #annotator-action-close> 288 293 <span style="color: chocolate">X</span> 289 294 </template>
+24 -1
types/vue-data-ui.d.ts
··· 4168 4168 dataset: VueUiAgePyramidDataset; 4169 4169 }; 4170 4170 4171 - const VueUiAgePyramidBase: DefineComponent<VueUiAgePyramidProps>; 4171 + export type VueUiAgePyramidEmitCopyAlt = { 4172 + config: VueUiAgePyramidConfig; 4173 + dataset: Array<{ 4174 + age: number; 4175 + left: VueUiAgePyramidSideData; 4176 + right: VueUiAgePyramidSideData; 4177 + segment: string; 4178 + }>; 4179 + }; 4180 + 4181 + export type VueUiAgePyramidEmits = { 4182 + copyAlt: (payload: VueUiAgePyramidEmitCopyAlt) => void; 4183 + }; 4184 + 4185 + const VueUiAgePyramidBase: DefineComponent< 4186 + VueUiAgePyramidProps, 4187 + {}, 4188 + {}, 4189 + {}, 4190 + {}, 4191 + {}, 4192 + {}, 4193 + VueUiAgePyramidEmits 4194 + >; 4172 4195 4173 4196 export const VueUiAgePyramid: typeof VueUiAgePyramidBase & { 4174 4197 new (): VueUiAgePyramidExpose & {
+14 -1
types/vue-ui-age-pyramid.d.ts
··· 24 24 VueUiAgePyramidLegendSlotProps, 25 25 VueUiAgePyramidTooltipSlotProps, 26 26 CommonAnnotatorSlots, 27 + VueUiAgePyramidEmits, 28 + VueUiAgePyramidEmitCopyAlt, 27 29 } from 'vue-data-ui'; 28 30 29 31 export type { ··· 50 52 VueUiAgePyramidLegendSlotProps, 51 53 VueUiAgePyramidTooltipSlotProps, 52 54 CommonAnnotatorSlots, 55 + VueUiAgePyramidEmits, 56 + VueUiAgePyramidEmitCopyAlt, 53 57 }; 54 58 55 - const VueUiAgePyramidBase: DefineComponent<VueUiAgePyramidProps>; 59 + const VueUiAgePyramidBase: DefineComponent< 60 + VueUiAgePyramidProps, 61 + {}, 62 + {}, 63 + {}, 64 + {}, 65 + {}, 66 + {}, 67 + VueUiAgePyramidEmits 68 + >; 56 69 57 70 export const VueUiAgePyramid: typeof VueUiAgePyramidBase & { 58 71 new (): VueUiAgePyramidExpose & {