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

graphieros (May 22, 2026, 2:10 PM +0200) 517f7f6c f14c21f3

+58 -8
+4 -4
manual-testing/backend/database.json
··· 1466 1466 "VueUiHeatmap": true, 1467 1467 "VueUiHistoryPlot": true, 1468 1468 "VueUiHorizontalBar": true, 1469 - "VueUiKpi": false, 1470 - "VueUiMiniLoader": false, 1471 - "VueUiMolecule": false, 1469 + "VueUiKpi": true, 1470 + "VueUiMiniLoader": true, 1471 + "VueUiMolecule": true, 1472 1472 "VueUiMoodRadar": false, 1473 1473 "VueUiNestedDonuts": false, 1474 1474 "VueUiOnion": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779427794654 1512 + "updatedAt": 1779451807424 1513 1513 } 1514 1514 ] 1515 1515 }
+16 -1
ts-playground/src/components/charts/ts-vue-ui-molecule.vue
··· 7 7 VueUiMolecule, 8 8 type VueUiMoleculeConfig, 9 9 type VueUiMoleculeDatasetNode, 10 + type VueUiMoleculeEmitCopyAlt, 11 + type VueUiMoleculeEmitSelectNode, 10 12 } from 'vue-data-ui/vue-ui-molecule'; 11 13 import { mergeConfigs } from 'vue-data-ui/utils'; 12 14 import 'vue-data-ui/style.css'; ··· 383 385 function log(n: unknown) { 384 386 console.log(n); 385 387 } 388 + 389 + function selectNode(payload: VueUiMoleculeEmitSelectNode) { 390 + console.log('@selectNode', payload); 391 + } 392 + 393 + function copyAlt(payload: VueUiMoleculeEmitCopyAlt) { 394 + console.log('@copyAlt', payload); 395 + } 386 396 </script> 387 397 388 398 <template> 389 399 <div> 390 - <VueUiMolecule :dataset :config> 400 + <VueUiMolecule 401 + :dataset 402 + :config 403 + @selectNode="selectNode" 404 + @copyAlt="copyAlt" 405 + > 391 406 <template #annotator-action-close> 392 407 <span style="color: chocolate">X</span> 393 408 </template>
+22 -2
types/vue-data-ui.d.ts
··· 1517 1517 color: string; 1518 1518 name: string; 1519 1519 details?: string; 1520 - nodes?: VueUiMoleculeDatapoint; 1520 + nodes?: VueUiMoleculeDatapoint[]; 1521 1521 ancestor?: VueUiMoleculeDatapoint; 1522 1522 polygonPath: { 1523 1523 coordinates: Array<{ ··· 1595 1595 config?: VueUiMoleculeConfig; 1596 1596 }; 1597 1597 1598 - const VueUiMoleculeBase: DefineComponent<VueUiMoleculeProps>; 1598 + export type VueUiMoleculeEmitSelectNode = VueUiMoleculeDatapoint; 1599 + export type VueUiMoleculeEmitCopyAlt = { 1600 + config: VueUiMoleculeConfig; 1601 + dataset: VueUiMoleculeDatapoint[]; 1602 + }; 1603 + 1604 + export type VueUiMoleculeEmits = { 1605 + selectNode: (payload: VueUiMoleculeEmitSelectNode) => void; 1606 + copyAlt: (payload: VueUiMoleculeEmitCopyAlt) => void; 1607 + }; 1608 + 1609 + const VueUiMoleculeBase: DefineComponent< 1610 + VueUiMoleculeProps, 1611 + {}, 1612 + {}, 1613 + {}, 1614 + {}, 1615 + {}, 1616 + {}, 1617 + VueUiMoleculeEmits 1618 + >; 1599 1619 1600 1620 export const VueUiMolecule: typeof VueUiMoleculeBase & { 1601 1621 new (): VueUiMoleculeExpose & {
+16 -1
types/vue-ui-molecule.d.ts
··· 23 23 VueUiResetActionSlotProps, 24 24 VueUiMoleculeTooltipSlotProps, 25 25 CommonAnnotatorSlots, 26 + VueUiMoleculeEmits, 27 + VueUiMoleculeEmitSelectNode, 28 + VueUiMoleculeEmitCopyAlt, 26 29 } from 'vue-data-ui'; 27 30 28 31 export type { ··· 48 51 VueUiResetActionSlotProps, 49 52 VueUiMoleculeTooltipSlotProps, 50 53 CommonAnnotatorSlots, 54 + VueUiMoleculeEmits, 55 + VueUiMoleculeEmitSelectNode, 56 + VueUiMoleculeEmitCopyAlt, 51 57 }; 52 58 53 - declare const VueUiMoleculeBase: DefineComponent<VueUiMoleculeProps>; 59 + declare const VueUiMoleculeBase: DefineComponent< 60 + VueUiMoleculeProps, 61 + {}, 62 + {}, 63 + {}, 64 + {}, 65 + {}, 66 + {}, 67 + VueUiMoleculeEmits 68 + >; 54 69 55 70 export const VueUiMolecule: typeof VueUiMoleculeBase & { 56 71 new (): VueUiMoleculeExpose & {