[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
chore(VueUiAnnotator): add type defs for emits
graphieros
(May 19, 2026, 3:45 PM +0200)
139359ed
50185472
+68
-13
+2
-1
TestingArena/ArenaVueUiAnnotator.vue
+2
-1
TestingArena/ArenaVueUiAnnotator.vue
···
8
8
const model = ref([
9
9
{ key: 'useCursorPointer', def: false, type: 'checkbox' },
10
10
{ key: 'alwaysVisible', def: true, type: 'checkbox' },
11
+
{ key: 'style.showSave', def: true, type: 'checkbox' }
11
12
]);
12
13
13
14
const config = computed(() => {
···
102
103
<Box comp="VueUiAnnotator" :dataset="dataset" :config="config">
103
104
<template #local>
104
105
<LocalVueUiAnnotator
105
-
@saveAnnotations="save"
106
+
@save-annotations="save"
106
107
:config="config"
107
108
:dataset="{ shapes }"
108
109
>
+2
-2
manual-testing/backend/database.json
+2
-2
manual-testing/backend/database.json
···
1443
1443
"checkList": {
1444
1444
"VueUi3dBar": true,
1445
1445
"VueUiAgePyramid": true,
1446
-
"VueUiAnnotator": false,
1446
+
"VueUiAnnotator": true,
1447
1447
"VueUiBullet": false,
1448
1448
"VueUiBump": false,
1449
1449
"VueUiCandlestick": false,
···
1509
1509
"customCheckList": {},
1510
1510
"id": "4b423dba-9fc5-45b8-9dca-20e1f2678b9e",
1511
1511
"createdAt": 1779169675598,
1512
-
"updatedAt": 1779171839123
1512
+
"updatedAt": 1779198270620
1513
1513
}
1514
1514
]
1515
1515
}
+1
-2
src/components/vue-ui-annotator.vue
+1
-2
src/components/vue-ui-annotator.vue
+35
-2
types/vue-data-ui.d.ts
+35
-2
types/vue-data-ui.d.ts
···
3688
3688
3689
3689
export type VueUiAnnotatorDataset = VueUiUnknownObj;
3690
3690
3691
-
export const VueUiAnnotator: DefineComponent<{
3691
+
export type VueUiAnnotatorProps = {
3692
3692
config?: VueUiAnnotatorConfig;
3693
3693
dataset?: VueUiAnnotatorDataset;
3694
-
}>;
3694
+
};
3695
+
3696
+
export type VueUiAnnotatorEmitToggleOpenState = {
3697
+
isOpen: boolean;
3698
+
}
3699
+
3700
+
export type VueUiAnnotatorShape = {
3701
+
[key: string]: any;
3702
+
id: string;
3703
+
type: 'arrow' | 'text' | 'rect' | 'line' | 'circle';
3704
+
x: number;
3705
+
y: number;
3706
+
}
3707
+
3708
+
export type VueUiAnnotatorEmitSaveAnnotations = {
3709
+
shapes: VueUiAnnotatorShape[];
3710
+
lastSelectedShape: VueUiAnnotatorShape;
3711
+
}
3712
+
3713
+
export type VueUiAnnotatorEmits = {
3714
+
toggleOpenState: (payload: VueUiAnnotatorEmitToggleOpenState) => void;
3715
+
saveAnnotations: (payload: VueUiAnnotatorEmitSaveAnnotations) => void;
3716
+
};
3717
+
3718
+
export const VueUiAnnotator: DefineComponent<
3719
+
VueUiAnnotatorProps,
3720
+
{},
3721
+
{},
3722
+
{},
3723
+
{},
3724
+
{},
3725
+
{},
3726
+
VueUiAnnotatorEmits
3727
+
>;
3695
3728
3696
3729
export type VueUiDashboardConfig = {
3697
3730
locked?: boolean;
+28
-6
types/vue-ui-annotator.d.ts
+28
-6
types/vue-ui-annotator.d.ts
···
1
1
import type { DefineComponent } from 'vue';
2
2
3
-
import type { VueUiAnnotatorConfig, VueUiAnnotatorDataset } from 'vue-data-ui';
4
-
export type { VueUiAnnotatorConfig, VueUiAnnotatorDataset };
3
+
import type {
4
+
VueUiAnnotatorConfig,
5
+
VueUiAnnotatorDataset,
6
+
VueUiAnnotatorProps,
7
+
VueUiAnnotatorEmits,
8
+
VueUiAnnotatorEmitToggleOpenState,
9
+
VueUiAnnotatorEmitSaveAnnotations,
10
+
VueUiAnnotatorShape,
11
+
} from 'vue-data-ui';
12
+
export type {
13
+
VueUiAnnotatorConfig,
14
+
VueUiAnnotatorDataset,
15
+
VueUiAnnotatorProps,
16
+
VueUiAnnotatorEmits,
17
+
VueUiAnnotatorEmitToggleOpenState,
18
+
VueUiAnnotatorEmitSaveAnnotations,
19
+
VueUiAnnotatorShape,
20
+
};
5
21
6
-
declare const VueUiAnnotator: DefineComponent<{
7
-
config?: VueUiAnnotatorConfig;
8
-
dataset?: VueUiAnnotatorDataset;
9
-
}>;
22
+
declare const VueUiAnnotator: DefineComponent<
23
+
VueUiAnnotatorProps,
24
+
{},
25
+
{},
26
+
{},
27
+
{},
28
+
{},
29
+
{},
30
+
VueUiAnnotatorEmits
31
+
>;
10
32
11
33
export default VueUiAnnotator;
12
34
export { VueUiAnnotator };