vue-data-ui 1.9.32 → 1.9.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +1 -0
  2. package/dist/{index-19eec7e4.js → index-31a75735.js} +17171 -16446
  3. package/dist/{index.es-b83acb7b.js → index.es-89a7fd79.js} +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/types/vue-data-ui.d.ts +269 -154
  6. package/dist/vue-data-ui.js +20 -19
  7. package/package.json +5 -4
package/dist/types/vue-data-ui.d.ts CHANGED
@@ -5,52 +5,167 @@ declare module 'vue-data-ui' {
5
5
  [key: string]: unknown;
6
6
  }
7
7
 
8
+ export type VueUiDonutEvolutionConfig = {
9
+ style?: {
10
+ fontFamily?: string;
11
+ chart?: {
12
+ backgroundColor?: string;
13
+ color?: string;
14
+ layout?: {
15
+ height?: number;
16
+ width?: number;
17
+ padding?: {
18
+ top?: number;
19
+ left?: number;
20
+ right?: number;
21
+ bottom?: number;
22
+ };
23
+ grid?: {
24
+ show?: boolean;
25
+ stroke?: string;
26
+ strokeWidth?: number;
27
+ showVerticalLines?: boolean;
28
+ yAxis?: {
29
+ dataLabels?: {
30
+ show?: boolean;
31
+ fontSize?: number;
32
+ color?: string;
33
+ roundingValue?: number;
34
+ offsetX?: number;
35
+ bold?: boolean;
36
+ steps?: number;
37
+ };
38
+ };
39
+ xAxis?: {
40
+ dataLabels?: {
41
+ show?: boolean;
42
+ values?: string[];
43
+ fontSize?: number;
44
+ showOnlyFirstAndLast?: boolean;
45
+ color?: string;
46
+ };
47
+ };
48
+ };
49
+ line?: {
50
+ show?: boolean;
51
+ stroke?: string;
52
+ strokeWidth?: number;
53
+ };
54
+ highlighter?: {
55
+ color?: string;
56
+ opacity?: number;
57
+ };
58
+ dataLabels?: {
59
+ show?: boolean;
60
+ fontSize?: number;
61
+ color?: string;
62
+ bold?: boolean;
63
+ rounding?: number;
64
+ prefix?: string;
65
+ suffix?: string;
66
+ offsetY?: number;
67
+ };
68
+ };
69
+ title?: {
70
+ text?: string;
71
+ color?: string;
72
+ fontSize?: number;
73
+ bold?: boolean;
74
+ subtitle?: {
75
+ color?: string;
76
+ text?: string;
77
+ fontSize?: number;
78
+ bold?: boolean;
79
+ };
80
+ };
81
+ legend?: {
82
+ color?: string;
83
+ backgroundColor?: string;
84
+ bold?: boolean;
85
+ show?: boolean;
86
+ fontSize?: number;
87
+ roundingPercentage?: number;
88
+ roundingValue?: number;
89
+ };
90
+ };
91
+ };
92
+ table?: {
93
+ show?: boolean;
94
+ th?: {
95
+ backgroundColor?: string;
96
+ color?: string;
97
+ outline?: string;
98
+ };
99
+ td?: {
100
+ backgroundColor?: string;
101
+ color?: string;
102
+ outline?: string;
103
+ roundingValue?: number;
104
+ roundingPercentage?: number;
105
+ };
106
+ };
107
+ userOptions?: {
108
+ show?: boolean;
109
+ }
110
+ }
111
+
112
+ export type VueUiDonutEvolutionDatasetItem = {
113
+ name: string;
114
+ values: number[];
115
+ color?: string;
116
+ }
117
+
118
+ export const VueUiDonutEvolution: DefineComponent<{
119
+ config?: VueUiDonutEvolutionConfig,
120
+ dataset: VueUiDonutEvolutionDatasetItem[]
121
+ }>;
122
+
8
123
  export type VueUiTiremarksConfig = {
9
- style: {
10
- fontFamily: string;
11
- chart: {
12
- backgroundColor: string;
13
- color: string;
14
- animation: {
15
- use: boolean;
16
- speed: number;
17
- acceleration: number;
18
- };
19
- layout: {
20
- display: "horizontal" | "vertical";
21
- crescendo: boolean;
22
- curved: boolean;
23
- curveAngleX: number;
24
- curveAngleY: number;
25
- activeColor: string;
26
- inactiveColor: string;
27
- ticks: {
28
- gradient: {
29
- show: boolean;
30
- shiftHueIntensity: number;
124
+ style?: {
125
+ fontFamily?: string;
126
+ chart?: {
127
+ backgroundColor?: string;
128
+ color?: string;
129
+ animation?: {
130
+ use?: boolean;
131
+ speed?: number;
132
+ acceleration?: number;
133
+ };
134
+ layout?: {
135
+ display?: "horizontal" | "vertical";
136
+ crescendo?: boolean;
137
+ curved?: boolean;
138
+ curveAngleX?: number;
139
+ curveAngleY?: number;
140
+ activeColor?: string;
141
+ inactiveColor?: string;
142
+ ticks?: {
143
+ gradient?: {
144
+ show?: boolean;
145
+ shiftHueIntensity?: number;
31
146
  };
32
147
  };
33
148
  };
34
- percentage: {
35
- show: boolean;
36
- useGradientColor: boolean;
37
- color: string;
38
- fontSize: number;
39
- bold: boolean;
40
- rounding: 1;
41
- verticalPosition: "bottom" | "top";
42
- horizontalPosition: "left" | "right";
149
+ percentage?: {
150
+ show?: boolean;
151
+ useGradientColor?: boolean;
152
+ color?: string;
153
+ fontSize?: number;
154
+ bold?: boolean;
155
+ rounding?: 1;
156
+ verticalPosition?: "bottom" | "top";
157
+ horizontalPosition?: "left" | "right";
43
158
  };
44
- title: {
45
- text: string;
46
- color: string;
47
- fontSize: number;
48
- bold: boolean;
49
- subtitle: {
50
- color: string;
51
- text: string;
52
- fontSize: number;
53
- bold: boolean;
159
+ title?: {
160
+ text?: string;
161
+ color?: string;
162
+ fontSize?: number;
163
+ bold?: boolean;
164
+ subtitle?: {
165
+ color?: string;
166
+ text?: string;
167
+ fontSize?: number;
168
+ bold?: boolean;
54
169
  };
55
170
  };
56
171
  };
@@ -67,57 +182,57 @@ declare module 'vue-data-ui' {
67
182
  }>;
68
183
 
69
184
  export type VueUiWheelConfig = {
70
- style: {
71
- fontFamily: string;
72
- chart: {
73
- backgroundColor: string;
74
- color: string;
75
- animation: {
76
- use: boolean;
77
- speed: number;
78
- acceleration: number;
79
- };
80
- layout: {
81
- wheel: {
82
- ticks: {
83
- rounded: boolean;
84
- inactiveColor: string;
85
- activeColor: string;
86
- gradient: {
87
- show: boolean;
88
- shiftHueIntensity: number;
185
+ style?: {
186
+ fontFamily?: string;
187
+ chart?: {
188
+ backgroundColor?: string;
189
+ color?: string;
190
+ animation?: {
191
+ use?: boolean;
192
+ speed?: number;
193
+ acceleration?: number;
194
+ };
195
+ layout?: {
196
+ wheel?: {
197
+ ticks?: {
198
+ rounded?: boolean;
199
+ inactiveColor?: string;
200
+ activeColor?: string;
201
+ gradient?: {
202
+ show?: boolean;
203
+ shiftHueIntensity?: number;
89
204
  };
90
205
  };
91
206
  };
92
- innerCircle: {
93
- show: boolean;
94
- stroke: string;
95
- strokeWidth: number;
207
+ innerCircle?: {
208
+ show?: boolean;
209
+ stroke?: string;
210
+ strokeWidth?: number;
96
211
  };
97
- percentage: {
98
- show: boolean;
99
- fontSize: number;
100
- rounding: number;
101
- bold: boolean;
212
+ percentage?: {
213
+ show?: boolean;
214
+ fontSize?: number;
215
+ rounding?: number;
216
+ bold?: boolean;
102
217
  };
103
218
  };
104
- title: {
105
- text: string;
106
- color: string;
107
- fontSize: number;
108
- bold: boolean;
109
- subtitle: {
110
- color: string;
111
- text: string;
112
- fontSize: number;
113
- bold: boolean;
219
+ title?: {
220
+ text?: string;
221
+ color?: string;
222
+ fontSize?: number;
223
+ bold?: boolean;
224
+ subtitle?: {
225
+ color?: string;
226
+ text?: string;
227
+ fontSize?: number;
228
+ bold?: boolean;
114
229
  };
115
230
  };
116
231
  };
117
232
  };
118
- userOptions: {
119
- show: boolean;
120
- title: string;
233
+ userOptions?: {
234
+ show?: boolean;
235
+ title?: string;
121
236
  };
122
237
  };
123
238
 
@@ -131,78 +246,78 @@ declare module 'vue-data-ui' {
131
246
  }>;
132
247
 
133
248
  export type VueUiRingsConfig = {
134
- useCssAnimation: boolean;
135
- useBlurOnHover: boolean;
136
- style: {
137
- fontFamily: string;
138
- chart: {
139
- backgroundColor: string;
140
- color: string;
141
- layout: {
142
- rings: {
143
- strokeWidth: number;
144
- stroke: string;
145
- gradient: {
146
- show: boolean;
147
- intensity: number;
148
- underlayerColor: string;
249
+ useCssAnimation?: boolean;
250
+ useBlurOnHover?: boolean;
251
+ style?: {
252
+ fontFamily?: string;
253
+ chart?: {
254
+ backgroundColor?: string;
255
+ color?: string;
256
+ layout?: {
257
+ rings?: {
258
+ strokeWidth?: number;
259
+ stroke?: string;
260
+ gradient?: {
261
+ show?: boolean;
262
+ intensity?: number;
263
+ underlayerColor?: string;
149
264
  };
150
- useShadow: boolean;
151
- };
152
- };
153
- legend: {
154
- backgroundColor: string;
155
- color: string;
156
- show: boolean;
157
- fontSize: number;
158
- bold: boolean;
159
- roundingValue: number;
160
- roundingPercentage: number;
161
- };
162
- title: {
163
- text: string;
164
- color: string;
165
- fontSize: number;
166
- bold: boolean;
167
- subtitle: {
168
- color: string;
169
- text: string;
170
- fontSize: number;
171
- bold: boolean;
172
- };
173
- };
174
- tooltip: {
175
- show: boolean;
176
- color: string;
177
- backgroundColor: string;
178
- fontSize: number;
179
- showValue: boolean;
180
- showPercentage: boolean;
181
- roundingValue: number;
182
- roundingPercentage: number;
183
- };
184
- };
185
- };
186
- userOptions: {
187
- show: boolean;
188
- title: string;
189
- labels: {
190
- showTable: string;
191
- };
192
- };
193
- table: {
194
- show: string;
195
- th: {
196
- backgroundColor: string;
197
- color: string;
198
- outline: string;
199
- };
200
- td: {
201
- backgroundColor: string;
202
- color: string;
203
- outline: string;
204
- roundingValue: number;
205
- roundingPercentage: number;
265
+ useShadow?: boolean;
266
+ };
267
+ };
268
+ legend?: {
269
+ backgroundColor?: string;
270
+ color?: string;
271
+ show?: boolean;
272
+ fontSize?: number;
273
+ bold?: boolean;
274
+ roundingValue?: number;
275
+ roundingPercentage?: number;
276
+ };
277
+ title?: {
278
+ text?: string;
279
+ color?: string;
280
+ fontSize?: number;
281
+ bold?: boolean;
282
+ subtitle?: {
283
+ color?: string;
284
+ text?: string;
285
+ fontSize?: number;
286
+ bold?: boolean;
287
+ };
288
+ };
289
+ tooltip?: {
290
+ show?: boolean;
291
+ color?: string;
292
+ backgroundColor?: string;
293
+ fontSize?: number;
294
+ showValue?: boolean;
295
+ showPercentage?: boolean;
296
+ roundingValue?: number;
297
+ roundingPercentage?: number;
298
+ };
299
+ };
300
+ };
301
+ userOptions?: {
302
+ show?: boolean;
303
+ title?: string;
304
+ labels?: {
305
+ showTable?: string;
306
+ };
307
+ };
308
+ table?: {
309
+ show?: string;
310
+ th?: {
311
+ backgroundColor?: string;
312
+ color?: string;
313
+ outline?: string;
314
+ };
315
+ td?: {
316
+ backgroundColor?: string;
317
+ color?: string;
318
+ outline?: string;
319
+ roundingValue?: number;
320
+ roundingPercentage?: number;
206
321
  };
207
322
  };
208
323
  };
@@ -221,7 +336,7 @@ declare module 'vue-data-ui' {
221
336
  export type VueUiSparkHistogramConfig = {
222
337
  style?: {
223
338
  backgroundColor?: string;
224
- fontFamily: string;
339
+ fontFamily?: string;
225
340
  layout?: {
226
341
  height?: number;
227
342
  width?: number;
package/dist/vue-data-ui.js CHANGED
@@ -1,4 +1,4 @@
1
- import { q as s, t as u, p as V, g as U, s as r, b as t, f as n, n as o, h as l, e as m, d as k, k as S, w as p, A as c, o as d, j as g, l as h, u as b, z as f, y, r as C, m as R, a as A, x as T, C as x, i as B, c as D, B as H, v as W } from "./index-19eec7e4.js";
1
+ import { q as s, t as u, p as V, g as U, s as r, b as t, D as n, f as o, n as l, h as m, e as k, d as S, k as p, w as c, A as d, o as g, j as h, l as b, u as f, z as y, y as C, r as D, m as R, a as A, x as T, C as v, i as x, c as B, B as H, v as W } from "./index-31a75735.js";
2
2
  import "vue";
3
3
  export {
4
4
  s as VueUiAgePyramid,
@@ -7,27 +7,28 @@ export {
7
7
  U as VueUiChestnut,
8
8
  r as VueUiDashboard,
9
9
  t as VueUiDonut,
10
- n as VueUiGauge,
11
- o as VueUiHeatmap,
12
- l as VueUiOnion,
13
- m as VueUiQuadrant,
14
- k as VueUiRadar,
15
- S as VueUiRating,
16
- p as VueUiRelationCircle,
17
- c as VueUiRings,
18
- d as VueUiScatter,
19
- g as VueUiScreenshot,
20
- h as VueUiSkeleton,
21
- b as VueUiSmiley,
22
- f as VueUiSparkHistogram,
23
- y as VueUiSparkStackbar,
24
- C as VueUiSparkbar,
10
+ n as VueUiDonutEvolution,
11
+ o as VueUiGauge,
12
+ l as VueUiHeatmap,
13
+ m as VueUiOnion,
14
+ k as VueUiQuadrant,
15
+ S as VueUiRadar,
16
+ p as VueUiRating,
17
+ c as VueUiRelationCircle,
18
+ d as VueUiRings,
19
+ g as VueUiScatter,
20
+ h as VueUiScreenshot,
21
+ b as VueUiSkeleton,
22
+ f as VueUiSmiley,
23
+ y as VueUiSparkHistogram,
24
+ C as VueUiSparkStackbar,
25
+ D as VueUiSparkbar,
25
26
  R as VueUiSparkline,
26
27
  A as VueUiTable,
27
28
  T as VueUiThermometer,
28
- x as VueUiTiremarks,
29
- B as VueUiVerticalBar,
30
- D as VueUiWaffle,
29
+ v as VueUiTiremarks,
30
+ x as VueUiVerticalBar,
31
+ B as VueUiWaffle,
31
32
  H as VueUiWheel,
32
33
  W as VueUiXy
33
34
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vue-data-ui",
3
3
  "private": false,
4
- "version": "1.9.32",
4
+ "version": "1.9.34",
5
5
  "type": "module",
6
6
  "description": "A user-empowering data visualization Vue components library",
7
7
  "keywords": [
@@ -33,7 +33,8 @@
33
33
  "thermometer",
34
34
  "rings",
35
35
  "wheel",
36
- "tiremarks"
36
+ "tiremarks",
37
+ "donut evolution"
37
38
  ],
38
39
  "author": "Alec Lloyd Probert",
39
40
  "repository": {
@@ -58,9 +59,9 @@
58
59
  "dev": "vite",
59
60
  "clean": "node cleanup.cjs",
60
61
  "build": "npm run clean && vite build --mode production && node copy-types.cjs && npm i",
62
+ "prod": "npm run test && npx cypress run --component && npm run clean && vite build --mode production && node copy-types.cjs && npm i",
61
63
  "build:dev": "npm run build && npm run dev",
62
- "preview": "vite preview",
63
- "test": "vitest",
64
+ "test": "vitest --run",
64
65
  "test:e2e": "npx cypress open"
65
66
  },
66
67
  "devDependencies": {