Skip to content

Commit fd1b45b

Browse files
graphierosgraphieros
authored
Merge pull request #110 from graphieros/ft-rgba
Ft rgba
2 parents 239981f + 355ef8e commit fd1b45b

File tree

80 files changed

+755
-525
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

80 files changed

+755
-525
lines changed

‎TestingArena/ArenaVueUi3dBar.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ const model = ref([
9292
{ key: 'style.chart.animation.use', def: true, type: 'checkbox'},
9393
{ key: 'style.chart.animation.speed', def: 1, type: 'number', min: 0.1, max: 2, step: 0.1},
9494
{ key: 'style.chart.animation.acceleration', def: 1, type: 'number', min: 0.1, max: 10, step: 0.1},
95-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
95+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
9696
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
9797
{ key: 'style.chart.bar.color', def: '#6376DD', type: 'color'},
9898
{ key: 'style.chart.bar.stroke', def: '#6376DD', type: 'color'},
@@ -153,7 +153,7 @@ const themeOptions = ref([
153153
"default"
154154
])
155155
156-
const currentTheme = ref(themeOptions.value[1])
156+
const currentTheme = ref(themeOptions.value[4])
157157
158158
const config = computed(() => {
159159
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiAgePyramid.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ const model = ref([
5151
{ key: 'userOptions.buttons.img', def: true, type: 'checkbox' },
5252
{ key: 'userOptions.buttons.table', def: true, type: 'checkbox' },
5353
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
54-
{ key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
54+
{ key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
5555
{ key: 'style.color', def: '#1A1A1A', type: 'color'},
5656
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
5757
{ key: 'style.height', def: 200, type: 'number', min: 200, max: 1000},
@@ -135,7 +135,7 @@ const themeOptions = ref([
135135
"default"
136136
])
137137
138-
const currentTheme = ref(themeOptions.value[1])
138+
const currentTheme = ref(themeOptions.value[4])
139139
140140
const config = computed(() => {
141141
const c = convertArrayToObject(model.value)

‎TestingArena/ArenaVueUiCandlestick.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ const themeOptions = ref([
164164
"default"
165165
])
166166
167-
const currentTheme = ref(themeOptions.value[1])
167+
const currentTheme = ref(themeOptions.value[4])
168168
169169
const config = computed(() => {
170170
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiChestnut.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -283,7 +283,7 @@ const model = ref([
283283
{ key: 'userOptions.buttons.table', def: true, type: 'checkbox' },
284284
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
285285
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
286-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
286+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
287287
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
288288
{ key: 'style.chart.layout.grandTotal.show', def: true, type: 'checkbox'},
289289
{ key: 'style.chart.layout.grandTotal.fontSize', def: 20, type: 'number', min: 8, max: 48},
@@ -404,7 +404,7 @@ const themeOptions = ref([
404404
"default"
405405
])
406406
407-
const currentTheme = ref(themeOptions.value[1])
407+
const currentTheme = ref(themeOptions.value[4])
408408
409409
const config = computed(() => {
410410
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiDonut.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ const model = ref([
7878
{ key: 'style.fontFamily', def: 'inherit', type: 'text', label: "fontFamily", category: 'general' },
7979
{ key: 'style.chart.useGradient', def: true, type: 'checkbox', label: 'useGradient', category: 'general' },
8080
{ key: 'style.chart.gradientIntensity', def: 40, min: 0, max: 100, type: 'range', label: 'gradientIntensity', category: 'general' },
81-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color', label: 'backgroundColor', category: 'general' },
81+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color', label: 'backgroundColor', category: 'general' },
8282
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color', label: 'textColor', category: 'general' },
8383
{ key: 'style.chart.layout.labels.dataLabels.show', def: true, type: 'checkbox', label: 'show', category: 'labels' },
8484
{ key: 'style.chart.layout.labels.dataLabels.hideUnderValue', def: 3, type: 'number', min: 0, max: 100, label: 'hideUnderValue', category: 'labels' },
@@ -125,7 +125,7 @@ const model = ref([
125125
{ key: 'style.chart.layout.donut.useShadow', def: true, type: 'checkbox' },
126126
{ key: 'style.chart.layout.donut.shadowColor', def: '#1A1A1A', type: 'color' },
127127
{ key: 'style.chart.legend.show', def: true, type: 'checkbox', label: 'show', category: 'legend' },
128-
{ key: 'style.chart.legend.backgroundColor', def: '#FFFFFF', type: 'color', label: 'backgroundColor', category: 'legend' },
128+
{ key: 'style.chart.legend.backgroundColor', def: '#FFFFFF20', type: 'color', label: 'backgroundColor', category: 'legend' },
129129
{ key: 'style.chart.legend.color', def: '#1A1A1A', type: 'color', label: 'textColor', category: 'legend' },
130130
{ key: 'style.chart.legend.fontSize', def: 16, type: 'number', min: 6, max: 42, label: 'fontSize', category: 'legend' },
131131
{ key: 'style.chart.legend.bold', def: false, type: 'checkbox', label: 'bold', category: 'legend' },

‎TestingArena/ArenaVueUiDonutEvolution.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const model = ref([
3535
{ key: 'userOptions.buttons.table', def: true, type: 'checkbox'},
3636
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
3737
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
38-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
38+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
3939
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
4040
{ key: 'style.chart.layout.height', def: 316, type: 'number', min: 200, max: 800},
4141
{ key: 'style.chart.layout.width', def: 500, type: 'number', min: 300, max: 1200},
@@ -115,7 +115,7 @@ const themeOptions = ref([
115115
"default"
116116
])
117117
118-
const currentTheme = ref(themeOptions.value[3])
118+
const currentTheme = ref(themeOptions.value[4])
119119
120120
const config = computed(() => {
121121
const c = convertArrayToObject(model.value)

‎TestingArena/ArenaVueUiDumbbell.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const model = ref([
3838
{ key: 'useAnimation', def: true, type: 'checkbox'},
3939
{ key: 'animationSpeed', def: 2, type: 'number', min: 1, max: 10},
4040
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
41-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
41+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
4242
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
4343
{ key: 'style.chart.width', def: 600, type: 'number', min: 300, max: 1000},
4444
{ key: 'style.chart.rowHeight', def: 40, type: 'number', min: 40, max: 100},
@@ -132,7 +132,7 @@ const themeOptions = ref([
132132
"default"
133133
])
134134
135-
const currentTheme = ref(themeOptions.value[1])
135+
const currentTheme = ref(themeOptions.value[4])
136136
137137
const config = computed(() => {
138138
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiFlow.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const model = ref([
3232
{ key: 'userOptions.buttons.table', def: true, type: 'checkbox' },
3333
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
3434
{ key: 'style.fontFamily', def: 'inherit', type: 'text' },
35-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color' },
35+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color' },
3636
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color' },
3737
{ key: 'style.chart.padding.top', def: 0, type: 'number', min: 0, max: 100 },
3838
{ key: 'style.chart.padding.left', def: 24, type: 'number', min: 0, max: 100 },
@@ -68,7 +68,7 @@ const themeOptions = ref([
6868
"default"
6969
])
7070
71-
const currentTheme = ref(themeOptions.value[1])
71+
const currentTheme = ref(themeOptions.value[4])
7272
7373
const config = computed(() => {
7474
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiGalaxy.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const model = ref([
3333
{ key: 'useCssAnimation', def: true, type: 'checkbox'},
3434
{ key: 'useBlurOnHover', def: true, type: 'checkbox'},
3535
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
36-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
36+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
3737
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
3838
{ key: 'style.chart.layout.arcs.strokeWidth', def: 24, type: 'number', min: 2, max: 48},
3939
{ key: 'style.chart.layout.arcs.borderWidth', def: 12, type: 'number', min: 1, max: 24},
@@ -43,7 +43,7 @@ const model = ref([
4343
{ key: 'style.chart.layout.arcs.hoverEffect.multiplicator', def: 1.1, type: 'number', min: 1, max: 2, step: 0.05},
4444
{ key: 'style.chart.layout.arcs.gradient.show', def: true, type: 'checkbox'},
4545
{ key: 'style.chart.layout.arcs.gradient.intensity', def: 30, type: 'range', min: 0, max: 100},
46-
{ key: 'style.chart.layout.arcs.gradient.color', def: '#FFFFFF', type: 'color'},
46+
{ key: 'style.chart.layout.arcs.gradient.color', def: '#FFFFFF20', type: 'color'},
4747
{ key: 'style.chart.layout.labels.dataLabels.prefix', def: 'P', type: 'text'},
4848
{ key: 'style.chart.layout.labels.dataLabels.suffix', def: 'S', type: 'text'},
4949
{ key: 'style.chart.legend.backgroundColor', def: '#FFFFFF', type: 'color'},
@@ -96,7 +96,7 @@ const themeOptions = ref([
9696
"default"
9797
])
9898
99-
const currentTheme = ref(themeOptions.value[3])
99+
const currentTheme = ref(themeOptions.value[4])
100100
101101
const config = computed(() => {
102102
const c = convertArrayToObject(model.value)

‎TestingArena/ArenaVueUiGauge.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ const model = ref([
6262
{ key: 'userOptions.buttons.img', def: true, type: 'checkbox'},
6363
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
6464
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
65-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
65+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
6666
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
6767
{ key: 'style.chart.animation.use', def: true, type: 'checkbox'},
6868
{ key: 'style.chart.animation.speed', def: 1, type: 'range', min: 0, max: 100},

‎TestingArena/ArenaVueUiHeatmap.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ const model = ref([
8181
{ key: 'userOptions.buttons.table', def: true, type: 'checkbox' },
8282
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
8383
{ key: 'style.fontFamily', def: "inherit", type: 'text'},
84-
{ key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
84+
{ key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
8585
{ key: 'style.color', def: '#1A1A1A', type: 'color'},
8686
{ key: 'style.layout.padding.top', def: 36, type: 'number', min: 0, max: 100},
8787
{ key: 'style.layout.padding.right', def: 12, type: 'number', min: 0, max: 100},
@@ -164,7 +164,7 @@ const themeOptions = ref([
164164
"default"
165165
])
166166
167-
const currentTheme = ref(themeOptions.value[3])
167+
const currentTheme = ref(themeOptions.value[4])
168168
169169
const config = computed(() => {
170170
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiKpi.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const config = ref({
1919
title: 'Lorem ipsum dolor sit amet',
2020
analogDigits: {
2121
show: true
22-
}
22+
},
2323
})
2424
2525

‎TestingArena/ArenaVueUiMolecule.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ const model = ref([
152152
{ key: 'userOptions.buttons.labels', def: true, type: 'checkbox'},
153153
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
154154
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
155-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
155+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
156156
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
157157
{ key: 'style.chart.nodes.stroke', def: '#FFFFFF', type: 'color'},
158158
{ key: 'style.chart.nodes.strokeHovered', def: '#1A1A1A', type: 'color'},
@@ -198,7 +198,7 @@ const themeOptions = ref([
198198
"default"
199199
])
200200
201-
const currentTheme = ref(themeOptions.value[3])
201+
const currentTheme = ref(themeOptions.value[4])
202202
203203
const config = computed(() => {
204204
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiMoodRadar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ const themeOptions = ref([
8484
"default"
8585
])
8686
87-
const currentTheme = ref(themeOptions.value[3])
87+
const currentTheme = ref(themeOptions.value[4])
8888
8989
const config = computed(() => {
9090
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiNestedDonuts.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ const model = ref([
6666
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
6767
{ key: 'style.chart.useGradient', def: true, type: 'checkbox'},
6868
{ key: 'style.chart.gradientIntensity', def: 40, type: 'range', min: 0, max: 100},
69-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
69+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
7070
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
7171
{ key: 'style.chart.layout.labels.dataLabels.show', def: true, type: 'checkbox'},
7272
{ key: 'style.chart.layout.labels.dataLabels.prefix', def: 'P', type: 'text'},
@@ -147,7 +147,7 @@ const themeOptions = ref([
147147
"default"
148148
])
149149
150-
const currentTheme = ref(themeOptions.value[3])
150+
const currentTheme = ref(themeOptions.value[4])
151151
152152
const config = computed(() => {
153153
const c = convertArrayToObject(model.value)

‎TestingArena/ArenaVueUiOnion.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,11 @@ const model = ref([
7171
{ key: 'useStartAnimation', def: true, type: 'checkbox'},
7272
{ key: 'useBlurOnHover', def: true, type: 'checkbox'},
7373
{ key: 'style.fontFamily', def: 'inherit', type: 'text', label: "fontFamily", category: 'general' },
74-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color', label: 'backgroundColor', category: 'general' },
74+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color', label: 'backgroundColor', category: 'general' },
7575
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color', label: 'textColor', category: 'general' },
7676
{ key: 'style.chart.useGradient', def: true, type: 'checkbox', label: 'useGradient', category: 'general' },
7777
{ key: 'style.chart.gradientIntensity', def: 20, min: 10, max: 40, type: 'range', label: 'gradientIntensity', category: 'general' },
78-
{ key: 'style.chart.layout.gutter.color', def: '#e1e5e8', type: 'color'},
78+
{ key: 'style.chart.layout.gutter.color', def: '#e1e5e820', type: 'color'},
7979
{ key: 'style.chart.layout.gutter.width', def: 0.62, type: 'range', min: 0.1, max: 1, step: 0.01},
8080
{ key: 'style.chart.layout.track.width', def: 0.62, type: 'range', min: 0.1, max: 1, step: 0.01},
8181
{ key: 'style.chart.layout.labels.show', def: true, type: 'checkbox'},
@@ -143,7 +143,7 @@ const themeOptions = ref([
143143
"default"
144144
])
145145
146-
const currentTheme = ref(themeOptions.value[1])
146+
const currentTheme = ref(themeOptions.value[4])
147147
148148
const config = computed(() => {
149149
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiParallelCoordinatePlot.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const model = ref([
6363
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
6464
{ key: 'useCssAnimation', def: true, type: 'checkbox' },
6565
{ key: 'style.fontFamily', def: 'inherit', type: 'text' },
66-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color' },
66+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color' },
6767
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color' },
6868
{ key: 'style.chart.height', def: 600, type: 'number', min: 300, max: 1000 },
6969
{ key: 'style.chart.width', def: 1000, type: 'number', min: 300, max: 1500 },

‎TestingArena/ArenaVueUiQuickChart.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,7 @@ function alterDataset() {
107107
const selectedSerie = ref('shortArray');
108108
109109
const model = ref([
110+
{ key: 'backgroundColor', def: '#FFFFFF', type: 'color'},
110111
{ key: 'responsive', def: false, type: 'checkbox'},
111112
{ key: 'userOptionsButtons.pdf', def: true, type: 'checkbox'},
112113
{ key: 'userOptionsButtons.img', def: true, type: 'checkbox'},
@@ -202,7 +203,7 @@ const themeOptions = ref([
202203
"default"
203204
])
204205
205-
const currentTheme = ref(themeOptions.value[3])
206+
const currentTheme = ref(themeOptions.value[4])
206207
207208
const config = computed(() => {
208209
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiRelationCircle.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ const themeOptions = ref([
121121
"default"
122122
])
123123
124-
const currentTheme = ref(themeOptions.value[1])
124+
const currentTheme = ref(themeOptions.value[4])
125125
126126
const config = computed(() => {
127127
return {

‎TestingArena/ArenaVueUiRings.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@ const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
1111
const dataset = ref([
1212
{
1313
name: "Serie 1",
14-
values: [100]
14+
values: [100],
1515
},
1616
{
1717
name: "Serie 2",
1818
values: [200]
1919
},
2020
{
2121
name: "Serie 3",
22-
values: [300, 1]
22+
values: [300, 1],
2323
},
2424
{
2525
name: "Serie 4",
@@ -74,7 +74,7 @@ const model = ref([
7474
{ key: 'useCssAnimation', def: true, type: 'checkbox'},
7575
{ key: 'useBlurOnHover', def: true, type: 'checkbox'},
7676
{ key: 'style.fontFamily', def: 'inherit', type: 'text'},
77-
{ key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
77+
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
7878
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
7979
{ key: 'style.chart.layout.labels.dataLabels.prefix', def: 'P', type: 'text'},
8080
{ key: 'style.chart.layout.labels.dataLabels.suffix', def: '2', type: 'text'},
@@ -137,7 +137,7 @@ const themeOptions = ref([
137137
"default"
138138
])
139139
140-
const currentTheme = ref(themeOptions.value[2])
140+
const currentTheme = ref(themeOptions.value[4])
141141
142142
const config = computed(() => {
143143
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiScatter.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ const model = ref([
106106
{ key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
107107
{ key: 'useCssAnimation', def: true, type: 'checkbox'},
108108
{ key: 'style.fontFamily', def: "inherit", type: 'text'},
109-
{ key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
109+
{ key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
110110
{ key: 'style.color', def: '#1A1A1A', type: 'color'},
111111
{ key: 'style.layout.height', def: 316, type: 'number', min: 100, max: 1000},
112112
{ key: 'style.layout.width', def: 512, type: 'number', min: 100, max: 1000},
@@ -191,7 +191,7 @@ const model = ref([
191191
{ key: 'style.title.subtitle.fontSize', def: 16, type: 'range', min: 8, max: 48},
192192
{ key: 'style.title.subtitle.bold', def: false, type: 'checkbox'},
193193
{ key: 'style.legend.show', def: true, type: 'checkbox' },
194-
{ key: 'style.legend.backgroundColor', def: '#FFFFFF', type: 'color'},
194+
{ key: 'style.legend.backgroundColor', def: '#FFFFFF20', type: 'color'},
195195
{ key: 'style.legend.color', def: '#1A1A1A', type: 'color'},
196196
{ key: 'style.legend.fontSize', def: 14, type: 'number', min: 6, max: 42 },
197197
{ key: 'style.legend.bold', def: false, type: 'checkbox'},
@@ -236,7 +236,7 @@ const themeOptions = ref([
236236
"default"
237237
])
238238
239-
const currentTheme = ref(themeOptions.value[1])
239+
const currentTheme = ref(themeOptions.value[4])
240240
241241
242242
const config = computed(() => {

‎TestingArena/ArenaVueUiSparkGauge.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ const themeOptions = ref([
5757
"default"
5858
])
5959
60-
const currentTheme = ref(themeOptions.value[3])
60+
const currentTheme = ref(themeOptions.value[4])
6161
6262
const config = computed(() => {
6363
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiSparkHistogram.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,7 @@ const themeOptions = ref([
203203
"default"
204204
])
205205
206-
const currentTheme = ref(themeOptions.value[2])
206+
const currentTheme = ref(themeOptions.value[4])
207207
208208
const config = computed(() => {
209209
const c = convertArrayToObject(model.value);

‎TestingArena/ArenaVueUiSparkStackbar.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ const model = ref([
6161
{ key: 'style.animation.animationFrames', def: 60, type: 'number', min: 0, max: 300},
6262
{ key: 'style.bar.gradient.show', def: true, type: 'checkbox'},
6363
{ key: 'style.bar.gradient.intensity', def: 40, type: 'range', min: 0, max: 100},
64-
{ key: 'style.bar.gradient.underlayerColor', def: '#FFFFFF', type: 'color'},
64+
{ key: 'style.bar.gradient.underlayerColor', def: '#FFFFFF20', type: 'color'},
6565
{ key: 'style.legend.textAlign', def: 'left', type: 'select', options: ['left', 'center', 'right']},
6666
{ key: 'style.legend.show', def: true, type: 'checkbox'},
6767
{ key: 'style.legend.fontSize', def: 12, type: 'number', min: 8, max: 48},
@@ -98,7 +98,7 @@ const themeOptions = ref([
9898
"default"
9999
])
100100
101-
const currentTheme = ref(themeOptions.value[2])
101+
const currentTheme = ref(themeOptions.value[4])
102102
103103
const config = computed(() => {
104104
const c = convertArrayToObject(model.value);

0 commit comments

Comments
 (0)