Skip to content

Commit cba86cf

Browse files
graphierosgraphieros
committed
Modification - Update testing arena #267 
1 parent b40f334 commit cba86cf

Some content is hidden

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

49 files changed

+530
-63
lines changed

‎TestingArena/ArenaVueUi3dBar.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,6 +169,7 @@ const model = ref([
169169
170170
const themeOptions = ref([
171171
"",
172+
"dark",
172173
"hack",
173174
"zen",
174175
"concrete",
@@ -177,7 +178,9 @@ const themeOptions = ref([
177178
"celebrationNight"
178179
])
179180
180-
const currentTheme = ref(themeOptions.value[0])
181+
const currentTheme = ref(themeOptions.value[1]);
182+
183+
const configTheme = computed(() => ({ theme: currentTheme.value }));
181184
182185
const config = computed(() => {
183186
const c = convertArrayToObject(model.value);
@@ -261,6 +264,10 @@ onMounted(async () => {
261264
<Box comp="VueUi3dBar" :dataset="dataset">
262265
<template #title>VueUi3dBar</template>
263266

267+
<template #theme>
268+
<LocalVueUi3dBar :dataset="dataset" :config="configTheme" />
269+
</template>
270+
264271
<template #local>
265272
<LocalVueUi3dBar :dataset="dataset" :config="config" :key="`local_${step}`" ref="local">
266273
<template #optionPdf>

‎TestingArena/ArenaVueUiAgePyramid.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -152,6 +152,7 @@ const testCustomTooltip = ref(false);
152152
153153
const themeOptions = ref([
154154
"",
155+
"dark",
155156
"hack",
156157
"zen",
157158
"concrete",
@@ -160,7 +161,9 @@ const themeOptions = ref([
160161
"celebrationNight"
161162
])
162163
163-
const currentTheme = ref(themeOptions.value[0])
164+
const currentTheme = ref(themeOptions.value[1]);
165+
166+
const configTheme = computed(() => ({ theme: currentTheme.value }));
164167
165168
const config = computed(() => {
166169
const c = convertArrayToObject(model.value)
@@ -277,6 +280,10 @@ onMounted(async () => {
277280
<Box comp="VueUiAgePyramid" :dataset="dataset">
278281
<template #title>VueUiAgePyramid</template>
279282

283+
<template #theme>
284+
<LocalVueUiAgePyramid :dataset="dataset" :config="configTheme" />
285+
</template>
286+
280287
<template #local>
281288
<LocalVueUiAgePyramid :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`local_${step}`" ref="local">
282289
<template #optionPdf>

‎TestingArena/ArenaVueUiBullet.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,7 @@ const model = ref([
121121
122122
const themeOptions = ref([
123123
"",
124+
"dark",
124125
"hack",
125126
"zen",
126127
"concrete",
@@ -129,7 +130,9 @@ const themeOptions = ref([
129130
"celebrationNight"
130131
])
131132
132-
const currentTheme = ref(themeOptions.value[0])
133+
const currentTheme = ref(themeOptions.value[1]);
134+
135+
const configTheme = computed(() => ({ theme: currentTheme.value }));
133136
134137
const config = computed(() => {
135138
const c = convertArrayToObject(model.value);
@@ -167,6 +170,10 @@ onMounted(async () => {
167170
<Box>
168171
<template #title>VueUiBullet</template>
169172

173+
<template #theme>
174+
<LocalVueUiBullet :dataset="dataset" :config="configTheme" />
175+
</template>
176+
170177
<template #local>
171178
<LocalVueUiBullet :dataset="dataset" :config="config" ref="local">
172179
<template #chart-background>

‎TestingArena/ArenaVueUiCandlestick.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -229,6 +229,7 @@ const testCustomTooltip = ref(false);
229229
230230
const themeOptions = ref([
231231
"",
232+
"dark",
232233
"hack",
233234
"zen",
234235
"concrete",
@@ -237,7 +238,9 @@ const themeOptions = ref([
237238
"celebrationNight"
238239
])
239240
240-
const currentTheme = ref(themeOptions.value[0])
241+
const currentTheme = ref(themeOptions.value[1]);
242+
243+
const configTheme = computed(() => ({ theme: currentTheme.value }));
241244
242245
const config = computed(() => {
243246
const c = convertArrayToObject(model.value);
@@ -397,6 +400,10 @@ function freestyle({ drawingArea, data }) {
397400
<Box comp="VueUiCandlestick" :dataset="dataset">
398401
<template #title>VueUiCandlestick</template>
399402
403+
<template #theme>
404+
<LocalVueUiCandlestick :dataset="dataset" :config="configTheme" />
405+
</template>
406+
400407
<template #local>
401408
<LocalVueUiCandlestick :selectedXIndex="selectedX" @selectX="selectX" :dataset="dataset" :config="isPropsToggled ? alternateConfig : config" :key="`local_${step}`" ref="local">
402409
<!-- <template #optionPdf>

‎TestingArena/ArenaVueUiChestnut.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -423,6 +423,7 @@ const model = ref([
423423
424424
const themeOptions = ref([
425425
"",
426+
"dark",
426427
"hack",
427428
"zen",
428429
"concrete",
@@ -431,7 +432,9 @@ const themeOptions = ref([
431432
"celebrationNight"
432433
])
433434
434-
const currentTheme = ref(themeOptions.value[0])
435+
const currentTheme = ref(themeOptions.value[1]);
436+
437+
const configTheme = computed(() => ({ theme: currentTheme.value }));
435438
436439
const config = computed(() => {
437440
const c = convertArrayToObject(model.value);
@@ -554,6 +557,10 @@ onMounted(async () => {
554557
<Box comp="VueUiChestnut" :dataset="dataset">
555558
<template #title>VueUiChestnut</template>
556559

560+
<template #theme>
561+
<LocalVueUiChestnut :dataset="dataset" :config="configTheme" />
562+
</template>
563+
557564
<template #local>
558565
<LocalVueUiChestnut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`local_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="local">
559566
<template #optionPdf>

‎TestingArena/ArenaVueUiChord.vue‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ onMounted(() => {
2525
labels: ['Group A', 'Group B with a long name', 'Group C', 'Group D'],
2626
colors: []
2727
}
28-
}, 2000)
28+
}, 0)
2929
3030
// Test dataset reactivity and skeleton loader behavior
3131
// setTimeout(() => {
@@ -125,6 +125,7 @@ const model = ref([
125125
126126
const themeOptions = ref([
127127
"",
128+
"dark",
128129
"hack",
129130
"zen",
130131
"concrete",
@@ -133,8 +134,11 @@ const themeOptions = ref([
133134
"celebrationNight"
134135
])
135136
136-
const currentTheme = ref(themeOptions.value[0])
137+
const currentTheme = ref(themeOptions.value[1])
137138
139+
const configTheme = computed(() => ({
140+
theme: currentTheme.value,
141+
}))
138142
139143
const config = computed(()=> {
140144
const c = convertArrayToObject(model.value);
@@ -184,6 +188,18 @@ onMounted(async () => {
184188
<Box comp="VueUiChord" :dataset="dataset">
185189
<template #title>VueUiChord</template>
186190

191+
<template #theme>
192+
<LocalVueUiChord
193+
:dataset="dataset"
194+
:config="configTheme"
195+
/>
196+
<!-- <LocalVueDataUi
197+
component="VueUiChord"
198+
:dataset="dataset"
199+
:config="configTheme"
200+
/> -->
201+
</template>
202+
187203
<template #local>
188204
<LocalVueUiChord :dataset="dataset" :config="config" ref="local">
189205
<!-- <template #pattern="{ seriesIndex, patternId }">

‎TestingArena/ArenaVueUiCirclePack.vue‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -244,6 +244,7 @@ const model = ref([
244244
245245
const themeOptions = ref([
246246
"",
247+
'dark',
247248
"hack",
248249
"zen",
249250
"concrete",
@@ -252,7 +253,11 @@ const themeOptions = ref([
252253
"celebrationNight"
253254
])
254255
255-
const currentTheme = ref(themeOptions.value[0])
256+
const currentTheme = ref(themeOptions.value[0]);
257+
258+
const configTheme = computed(() => ({
259+
theme: currentTheme.value
260+
}))
256261
257262
const config = computed(() => {
258263
const c = convertArrayToObject(model.value);
@@ -302,6 +307,10 @@ onMounted(async() => {
302307
<Box>
303308
<template #title>VueUiCirclePack</template>
304309

310+
<template #theme>
311+
<LocalVueUiCirclePack :dataset="dataset" :config="configTheme" />
312+
</template>
313+
305314
<template #local>
306315
<LocalVueUiCirclePack :dataset="dataset" :config="config" ref="local" :key="`local_${step}`" @selectDatapoint="selectDatapoint">
307316
<!-- <template #zoom-label="{ x, y, name, value, color, zoomOpacity, currentRadius, fontSize }">

‎TestingArena/ArenaVueUiDonut.vue‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -246,6 +246,7 @@ const model = ref([
246246
const testCustomTooltip = ref(false);
247247
const themeOptions = ref([
248248
"",
249+
"dark",
249250
"hack",
250251
"zen",
251252
"concrete",
@@ -254,7 +255,11 @@ const themeOptions = ref([
254255
"celebrationNight"
255256
])
256257
257-
const currentTheme = ref(themeOptions.value[0])
258+
const currentTheme = ref(themeOptions.value[1]);
259+
260+
const configTheme = computed(() => ({
261+
theme: currentTheme.value,
262+
}))
258263
259264
const config = computed(() => {
260265
const c = convertArrayToObject(model.value);
@@ -430,6 +435,10 @@ onMounted(async () => {
430435
<Box comp="VueUiDonut" :dataset="dataset">
431436
<template #title>VueUiDonut</template>
432437

438+
<template #theme>
439+
<LocalVueUiDonut :dataset="dataset" :config="configTheme"/>
440+
</template>
441+
433442
<template #local>
434443
<LocalVueUiDonut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : {
435444
...config,

‎TestingArena/ArenaVueUiDonutEvolution.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -165,6 +165,7 @@ const model = ref([
165165
166166
const themeOptions = ref([
167167
"",
168+
"dark",
168169
"hack",
169170
"zen",
170171
"concrete",
@@ -173,7 +174,9 @@ const themeOptions = ref([
173174
"celebrationNight"
174175
])
175176
176-
const currentTheme = ref(themeOptions.value[0])
177+
const currentTheme = ref(themeOptions.value[1]);
178+
179+
const configTheme = computed(() => ({ theme: currentTheme.value }));
177180
178181
const config = computed(() => {
179182
const c = convertArrayToObject(model.value)
@@ -266,6 +269,10 @@ onMounted(async() => {
266269
<Box comp="VueUiDonutEvolution" :dataset="dataset">
267270
<template #title>VueUiDonutEvolution</template>
268271

272+
<template #theme>
273+
<LocalVueUiDonutEvolution :dataset="dataset" :config="configTheme" />
274+
</template>
275+
269276
<template #local>
270277
<LocalVueUiDonutEvolution :dataset="dataset" :config="config" :key="`local_${step}`" @selectLegend="selectLegend" ref="local">
271278
<template #chart-background>

‎TestingArena/ArenaVueUiDumbbell.vue‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,7 @@ const model = ref([
180180
181181
const themeOptions = ref([
182182
"",
183+
"dark",
183184
"hack",
184185
"zen",
185186
"concrete",
@@ -188,7 +189,9 @@ const themeOptions = ref([
188189
"celebrationNight"
189190
])
190191
191-
const currentTheme = ref(themeOptions.value[0])
192+
const currentTheme = ref(themeOptions.value[1]);
193+
194+
const configTheme = computed(() => ({ theme: currentTheme.value }));
192195
193196
const config = computed(() => {
194197
const c = convertArrayToObject(model.value);
@@ -273,6 +276,11 @@ onMounted(async () => {
273276

274277
<Box comp="VueUiDumbbell" :dataset="dataset">
275278
<template #title>VueUiDumbbell</template>
279+
280+
<template #theme>
281+
<LocalVueUiDumbbell :dataset="dataset" :config="configTheme" />
282+
</template>
283+
276284
<template #local>
277285
<LocalVueUiDumbbell :dataset="dataset" :config="config" :key="`local_${step}`" ref="local">
278286
<template #optionPdf>

0 commit comments

Comments
 (0)