vue-data-ui 1.9.32 → 1.9.33

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-c1a2651a.js} +17168 -16446
  3. package/dist/{index.es-b83acb7b.js → index.es-e1a0b2d2.js} +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/types/vue-data-ui.d.ts +268 -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,166 @@ 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
+ };
46
+ };
47
+ };
48
+ line?: {
49
+ show?: boolean;
50
+ stroke?: string;
51
+ strokeWidth?: number;
52
+ };
53
+ highlighter?: {
54
+ color?: string;
55
+ opacity?: number;
56
+ };
57
+ dataLabels?: {
58
+ show?: boolean;
59
+ fontSize?: number;
60
+ color?: string;
61
+ bold?: boolean;
62
+ rounding?: number;
63
+ prefix?: string;
64
+ suffix?: string;
65
+ offsetY?: number;
66
+ };
67
+ };
68
+ title?: {
69
+ text?: string;
70
+ color?: string;
71
+ fontSize?: number;
72
+ bold?: boolean;
73
+ subtitle?: {
74
+ color?: string;
75
+ text?: string;
76
+ fontSize?: number;
77
+ bold?: boolean;
78
+ };
79
+ };
80
+ legend?: {
81
+ color?: string;
82
+ backgroundColor?: string;
83
+ bold?: boolean;
84
+ show?: boolean;
85
+ fontSize?: number;
86
+ roundingPercentage?: number;
87
+ roundingValue?: number;
88
+ };
89
+ };
90
+ };
91
+ table?: {
92
+ show?: boolean;
93
+ th?: {
94
+ backgroundColor?: string;
95
+ color?: string;
96
+ outline?: string;
97
+ };
98
+ td?: {
99
+ backgroundColor?: string;
100
+ color?: string;
101
+ outline?: string;
102
+ roundingValue?: number;
103
+ roundingPercentage?: number;
104
+ };
105
+ };
106
+ userOptions?: {
107
+ show?: boolean;
108
+ }
109
+ }
110
+
111
+ export type VueUiDonutEvolutionDatasetItem = {
112
+ name: string;
113
+ values: number[];
114
+ color?: string;
115
+ }
116
+
117
+ export const VueUiDonutEvolution: DefineComponent<{
118
+ config?: VueUiDonutEvolutionConfig,
119
+ dataset: VueUiDonutEvolutionDatasetItem[]
120
+ }>;
121
+
8
122
  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;
123
+ style?: {
124
+ fontFamily?: string;
125
+ chart?: {
126
+ backgroundColor?: string;
127
+ color?: string;
128
+ animation?: {
129
+ use?: boolean;
130
+ speed?: number;
131
+ acceleration?: number;
132
+ };
133
+ layout?: {
134
+ display?: "horizontal" | "vertical";
135
+ crescendo?: boolean;
136
+ curved?: boolean;
137
+ curveAngleX?: number;
138
+ curveAngleY?: number;
139
+ activeColor?: string;
140
+ inactiveColor?: string;
141
+ ticks?: {
142
+ gradient?: {
143
+ show?: boolean;
144
+ shiftHueIntensity?: number;
31
145
  };
32
146
  };
33
147
  };
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";
148
+ percentage?: {
149
+ show?: boolean;
150
+ useGradientColor?: boolean;
151
+ color?: string;
152
+ fontSize?: number;
153
+ bold?: boolean;
154
+ rounding?: 1;
155
+ verticalPosition?: "bottom" | "top";
156
+ horizontalPosition?: "left" | "right";
43
157
  };
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;
158
+ title?: {
159
+ text?: string;
160
+ color?: string;
161
+ fontSize?: number;
162
+ bold?: boolean;
163
+ subtitle?: {
164
+ color?: string;
165
+ text?: string;
166
+ fontSize?: number;
167
+ bold?: boolean;
54
168
  };
55
169
  };
56
170
  };
@@ -67,57 +181,57 @@ declare module 'vue-data-ui' {
67
181
  }>;
68
182
 
69
183
  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;
184
+ style?: {
185
+ fontFamily?: string;
186
+ chart?: {
187
+ backgroundColor?: string;
188
+ color?: string;
189
+ animation?: {
190
+ use?: boolean;
191
+ speed?: number;
192
+ acceleration?: number;
193
+ };
194
+ layout?: {
195
+ wheel?: {
196
+ ticks?: {
197
+ rounded?: boolean;
198
+ inactiveColor?: string;
199
+ activeColor?: string;
200
+ gradient?: {
201
+ show?: boolean;
202
+ shiftHueIntensity?: number;
89
203
  };
90
204
  };
91
205
  };
92
- innerCircle: {
93
- show: boolean;
94
- stroke: string;
95
- strokeWidth: number;
206
+ innerCircle?: {
207
+ show?: boolean;
208
+ stroke?: string;
209
+ strokeWidth?: number;
96
210
  };
97
- percentage: {
98
- show: boolean;
99
- fontSize: number;
100
- rounding: number;
101
- bold: boolean;
211
+ percentage?: {
212
+ show?: boolean;
213
+ fontSize?: number;
214
+ rounding?: number;
215
+ bold?: boolean;
102
216
  };
103
217
  };
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;
218
+ title?: {
219
+ text?: string;
220
+ color?: string;
221
+ fontSize?: number;
222
+ bold?: boolean;
223
+ subtitle?: {
224
+ color?: string;
225
+ text?: string;
226
+ fontSize?: number;
227
+ bold?: boolean;
114
228
  };
115
229
  };
116
230
  };
117
231
  };
118
- userOptions: {
119
- show: boolean;
120
- title: string;
232
+ userOptions?: {
233
+ show?: boolean;
234
+ title?: string;
121
235
  };
122
236
  };
123
237
 
@@ -131,78 +245,78 @@ declare module 'vue-data-ui' {
131
245
  }>;
132
246
 
133
247
  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;
248
+ useCssAnimation?: boolean;
249
+ useBlurOnHover?: boolean;
250
+ style?: {
251
+ fontFamily?: string;
252
+ chart?: {
253
+ backgroundColor?: string;
254
+ color?: string;
255
+ layout?: {
256
+ rings?: {
257
+ strokeWidth?: number;
258
+ stroke?: string;
259
+ gradient?: {
260
+ show?: boolean;
261
+ intensity?: number;
262
+ underlayerColor?: string;
149
263
  };
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;
264
+ useShadow?: boolean;
265
+ };
266
+ };
267
+ legend?: {
268
+ backgroundColor?: string;
269
+ color?: string;
270
+ show?: boolean;
271
+ fontSize?: number;
272
+ bold?: boolean;
273
+ roundingValue?: number;
274
+ roundingPercentage?: number;
275
+ };
276
+ title?: {
277
+ text?: string;
278
+ color?: string;
279
+ fontSize?: number;
280
+ bold?: boolean;
281
+ subtitle?: {
282
+ color?: string;
283
+ text?: string;
284
+ fontSize?: number;
285
+ bold?: boolean;
286
+ };
287
+ };
288
+ tooltip?: {
289
+ show?: boolean;
290
+ color?: string;
291
+ backgroundColor?: string;
292
+ fontSize?: number;
293
+ showValue?: boolean;
294
+ showPercentage?: boolean;
295
+ roundingValue?: number;
296
+ roundingPercentage?: number;
297
+ };
298
+ };
299
+ };
300
+ userOptions?: {
301
+ show?: boolean;
302
+ title?: string;
303
+ labels?: {
304
+ showTable?: string;
305
+ };
306
+ };
307
+ table?: {
308
+ show?: string;
309
+ th?: {
310
+ backgroundColor?: string;
311
+ color?: string;
312
+ outline?: string;
313
+ };
314
+ td?: {
315
+ backgroundColor?: string;
316
+ color?: string;
317
+ outline?: string;
318
+ roundingValue?: number;
319
+ roundingPercentage?: number;
206
320
  };
207
321
  };
208
322
  };
@@ -221,7 +335,7 @@ declare module 'vue-data-ui' {
221
335
  export type VueUiSparkHistogramConfig = {
222
336
  style?: {
223
337
  backgroundColor?: string;
224
- fontFamily: string;
338
+ fontFamily?: string;
225
339
  layout?: {
226
340
  height?: number;
227
341
  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-c1a2651a.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.33",
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": {