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

graphieros (May 23, 2026, 8:43 AM +0200) d78d2be0 1e0efc04

+41 -5
+2 -2
manual-testing/backend/database.json
··· 1493 1493 "VueUiStackline": true, 1494 1494 "VueUiStripPlot": true, 1495 1495 "VueUiTable": true, 1496 - "VueUiTableSparkline": false, 1496 + "VueUiTableSparkline": true, 1497 1497 "VueUiThermometer": false, 1498 1498 "VueUiTimer": false, 1499 1499 "VueUiTiremarks": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779518140617 1512 + "updatedAt": 1779518608230 1513 1513 } 1514 1514 ] 1515 1515 }
+6 -1
ts-playground/src/components/charts/ts-vue-ui-table-sparkline.vue
··· 7 7 VueUiTableSparkline, 8 8 type VueUiTableSparklineConfig, 9 9 type VueUiTableSparklineDatasetItem, 10 + type VueUiTableSparklineEmitCopyAlt, 10 11 } from 'vue-data-ui/vue-ui-table-sparkline'; 11 12 import { mergeConfigs } from 'vue-data-ui/utils'; 12 13 import 'vue-data-ui/style.css'; ··· 201 202 function log(n: unknown) { 202 203 console.log(n); 203 204 } 205 + 206 + function copyAlt(payload: VueUiTableSparklineEmitCopyAlt) { 207 + console.log('@copyAlt', payload); 208 + } 204 209 </script> 205 210 206 211 <template> 207 212 <div> 208 - <VueUiTableSparkline :dataset :config> 213 + <VueUiTableSparkline :dataset :config @copyAlt="copyAlt"> 209 214 <template #menuIcon="{ isOpen, color }"> 210 215 <CommonMenuIcon :isOpen :color /> 211 216 </template>
+19 -1
types/vue-data-ui.d.ts
··· 1421 1421 config: VueUiTableSparklineConfig; 1422 1422 }; 1423 1423 1424 - const VueUiTableSparklineBase: DefineComponent<VueUiTableSparklineProps>; 1424 + export type VueUiTableSparklineEmitCopyAlt = { 1425 + config: VueUiTableSparklineConfig; 1426 + dataset: VueUiTableSparklineFormattedDatasetItem[]; 1427 + }; 1428 + 1429 + export type VueUiTableSparklineEmits = { 1430 + copyAlt: (payload: VueUiTableSparklineEmitCopyAlt) => void; 1431 + }; 1432 + 1433 + const VueUiTableSparklineBase: DefineComponent< 1434 + VueUiTableSparklineProps, 1435 + {}, 1436 + {}, 1437 + {}, 1438 + {}, 1439 + {}, 1440 + {}, 1441 + VueUiTableSparklineEmits 1442 + >; 1425 1443 1426 1444 export const VueUiTableSparkline: typeof VueUiTableSparklineBase & { 1427 1445 new (): {
+14 -1
types/vue-ui-table-sparkline.d.ts
··· 6 6 VueUiTableSparklineProps, 7 7 VueUiMenuIconSlotProps, 8 8 VueUiOptionFullscreenSlotProps, 9 + VueUiTableSparklineEmits, 10 + VueUiTableSparklineEmitCopyAlt, 9 11 } from 'vue-data-ui'; 10 12 11 13 export type { ··· 14 16 VueUiTableSparklineProps, 15 17 VueUiMenuIconSlotProps, 16 18 VueUiOptionFullscreenSlotProps, 19 + VueUiTableSparklineEmits, 20 + VueUiTableSparklineEmitCopyAlt, 17 21 }; 18 22 19 - declare const VueUiTableSparklineBase: DefineComponent<VueUiTableSparklineProps>; 23 + declare const VueUiTableSparklineBase: DefineComponent< 24 + VueUiTableSparklineProps, 25 + {}, 26 + {}, 27 + {}, 28 + {}, 29 + {}, 30 + {}, 31 + VueUiTableSparklineEmits 32 + >; 20 33 21 34 export const VueUiTableSparkline: typeof VueUiTableSparklineBase & { 22 35 new (): {