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

graphieros (May 19, 2026, 5:05 PM +0200) 67ddb334 0b21c33e

+59 -7
+2 -2
manual-testing/backend/database.json
··· 1446 1446 "VueUiAnnotator": true, 1447 1447 "VueUiBullet": true, 1448 1448 "VueUiBump": true, 1449 - "VueUiCandlestick": false, 1449 + "VueUiCandlestick": true, 1450 1450 "VueUiCarouselTable": false, 1451 1451 "VueUiChestnut": false, 1452 1452 "VueUiChord": false, ··· 1509 1509 "customCheckList": {}, 1510 1510 "id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e", 1511 1511 "createdAt": 1779169675598, 1512 - "updatedAt": 1779200657897 1512 + "updatedAt": 1779203112027 1513 1513 } 1514 1514 ] 1515 1515 }
+16 -1
ts-playground/src/components/charts/ts-vue-ui-candlestick.vue
··· 8 8 VueUiCandlestick, 9 9 type OHLC, 10 10 type VueUiCandlestickConfig, 11 + type VueUiCandlestickEmitCopyAlt, 12 + type VueUiCandlestickEmitSelectX, 11 13 } from 'vue-data-ui/vue-ui-candlestick'; 12 14 13 15 import CommonAnnotatorActionColor from '../slots/common/annotator-action-color.vue'; ··· 388 390 function log(n: unknown) { 389 391 console.log(n); 390 392 } 393 + 394 + function selectX(payload: VueUiCandlestickEmitSelectX) { 395 + console.log('@selectX', payload); 396 + } 397 + 398 + function copyAlt(payload: VueUiCandlestickEmitCopyAlt) { 399 + console.log('@copyAlt', payload); 400 + } 391 401 </script> 392 402 393 403 <template> 394 404 <div> 395 - <VueUiCandlestick :dataset :config> 405 + <VueUiCandlestick 406 + :dataset 407 + :config 408 + @selectX="selectX" 409 + @copyAlt="copyAlt" 410 + > 396 411 <template #annotator-action-close> 397 412 <span style="color: chocolate">X</span> 398 413 </template>
+25 -1
types/vue-data-ui.d.ts
··· 4514 4514 selectedXIndex?: number | null; 4515 4515 }; 4516 4516 4517 - const VueUiCandlestickBase: DefineComponent<VueUiCandlestickProps>; 4517 + export type VueUiCandlestickEmitSelectX = { 4518 + dataset: VueUiCandlestickDatapoint[]; 4519 + config: VueUiCandlestickConfig; 4520 + }; 4521 + 4522 + export type VueUiCandlestickEmitCopyAlt = { 4523 + dataset: VueUiCandlestickDatapoint[]; 4524 + config: VueUiCandlestickConfig; 4525 + }; 4526 + 4527 + export type VueUiCandlestickEmits = { 4528 + selectX: (payload: VueUiCandlestickEmitSelectX) => void; 4529 + copyAlt: (payload: VueUiCandlestickEmitCopyAlt) => void; 4530 + }; 4531 + 4532 + const VueUiCandlestickBase: DefineComponent< 4533 + VueUiCandlestickProps, 4534 + {}, 4535 + {}, 4536 + {}, 4537 + {}, 4538 + {}, 4539 + {}, 4540 + VueUiCandlestickEmits 4541 + >; 4518 4542 4519 4543 export const VueUiCandlestick: typeof VueUiCandlestickBase & { 4520 4544 new (): VueUiCandlestickExpose & {
+16 -3
types/vue-ui-candlestick.d.ts
··· 7 7 VueUiCandlestickEvent, 8 8 VueUiCandlestickProps, 9 9 VueUiCandlestickDatapointSegment, 10 - VueUiCandlestickDatapoint, 11 10 VueUiAnnotatorActionColorSlotProps, 12 11 VueUiAnnotatorActionDrawSlotProps, 13 12 VueUiAnnotatorActionUndoSlotProps, ··· 22 21 VueUiCandlestickTooltipSlotProps, 23 22 OHLC, 24 23 CommonAnnotatorSlots, 24 + VueUiCandlestickEmits, 25 + VueUiCandlestickEmitSelectX, 26 + VueUiCandlestickEmitCopyAlt, 25 27 } from 'vue-data-ui'; 26 28 27 29 export type { ··· 31 33 VueUiCandlestickEvent, 32 34 VueUiCandlestickProps, 33 35 VueUiCandlestickDatapointSegment, 34 - VueUiCandlestickDatapoint, 35 36 VueUiAnnotatorActionColorSlotProps, 36 37 VueUiAnnotatorActionDrawSlotProps, 37 38 VueUiAnnotatorActionUndoSlotProps, ··· 46 47 VueUiCandlestickTooltipSlotProps, 47 48 OHLC, 48 49 CommonAnnotatorSlots, 50 + VueUiCandlestickEmits, 51 + VueUiCandlestickEmitSelectX, 52 + VueUiCandlestickEmitCopyAlt, 49 53 }; 50 54 51 - declare const VueUiCandlestickBase: DefineComponent<VueUiCandlestickProps>; 55 + declare const VueUiCandlestickBase: DefineComponent< 56 + VueUiCandlestickProps, 57 + {}, 58 + {}, 59 + {}, 60 + {}, 61 + {}, 62 + {}, 63 + VueUiCandlestickEmits 64 + >; 52 65 53 66 export const VueUiCandlestick: typeof VueUiCandlestickBase & { 54 67 new (): VueUiCandlestickExpose & {