Skip to content

Commit 5ab2472

Browse files
graphierosgraphieros
authored
Merge pull request #253 from graphieros/next
Next
2 parents eb8d96a + b4823f1 commit 5ab2472

File tree

196 files changed

+2379
-292
lines changed

Some content is hidden

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

196 files changed

+2379
-292
lines changed

‎TestingArena/ArenaVueUi3dBar.vue‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUi3dBar } from "vue-data-ui";
10+
import { VueUi3dBar as VueUi3dBarTreeshaken } from "vue-data-ui/vue-ui-3d-bar";
11+
12+
913
const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
1014
1115
const datasets = ref({
@@ -275,6 +279,11 @@ onMounted(async () => {
275279
</VueUi3dBar>
276280
</template>
277281

282+
<template #build-treesh>
283+
<VueUi3dBarTreeshaken :dataset="dataset" :config="config" :key="`build_${step}`" ref="build">
284+
</VueUi3dBarTreeshaken>
285+
</template>
286+
278287
<template #VDUI-build>
279288
<VueDataUi component="VueUi3dBar" :dataset="dataset" :config="config" :key="`vdui_build_${step}`" ref="vduiBuild">
280289
</VueDataUi>

‎TestingArena/ArenaVueUiAgePyramid.vue‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@ import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
8+
import { VueUiAgePyramid } from "vue-data-ui";
9+
import { VueUiAgePyramid as VueUiAgePyramidTreeshaken } from "vue-data-ui/vue-ui-age-pyramid";
10+
811
const dataset = ref(undefined);
912
1013
onMounted(() => {
@@ -340,6 +343,27 @@ onMounted(async () => {
340343
</VueUiAgePyramid>
341344
</template>
342345

346+
<template #build-treesh>
347+
<VueUiAgePyramidTreeshaken :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`">
348+
<template #svg="{ svg }">
349+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
350+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
351+
</template>
352+
<template #legend="{ legend }">
353+
#LEGEND
354+
<div style="font-size: 8px">
355+
{{ legend }}
356+
</div>
357+
</template>
358+
<template #tooltip-before="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
359+
#BEFORE {{ series.name }}
360+
</template>
361+
<template #tooltip-after="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
362+
#AFTER {{ series.name }}
363+
</template>
364+
</VueUiAgePyramidTreeshaken>
365+
</template>
366+
343367
<template #VDUI-build>
344368
<VueDataUi component="VueUiAgePyramid" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-build_${step}`">
345369
<template #svg="{ svg }">

‎TestingArena/ArenaVueUiBullet.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiBullet } from "vue-data-ui";
10+
import { VueUiBullet as VueUiBulletTreeshaken } from "vue-data-ui/vue-ui-bullet";
11+
912
const { local, build, vduiLocal, vduiBuild } = useArena()
1013
1114
const dataset = ref(undefined);
@@ -185,6 +188,10 @@ onMounted(async () => {
185188
<VueUiBullet :dataset="dataset" :config="config" ref="build"/>
186189
</template>
187190

191+
<template #build-treesh>
192+
<VueUiBulletTreeshaken :dataset="dataset" :config="config" ref="build"/>
193+
</template>
194+
188195
<template #VDUI-build>
189196
<VueDataUi component="VueUiBullet" :dataset="dataset" :config="config" ref="buildVdui"/>
190197
</template>

‎TestingArena/ArenaVueUiCandlestick.vue‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiCandlestick } from "vue-data-ui";
10+
import { VueUiCandlestick as VueUiCandlestickTreshaken } from "vue-data-ui/vue-ui-candlestick";
11+
912
const dataset = ref([]);
1013
1114
onMounted(() => {
@@ -383,6 +386,30 @@ onMounted(async () => {
383386
</VueUiCandlestick>
384387
</template>
385388

389+
<template #build-treesh>
390+
<VueUiCandlestickTreshaken :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" ref="build">
391+
<!-- <template #svg="{ svg }">
392+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
393+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
394+
</template>
395+
<template #legend="{ legend }">
396+
#LEGEND
397+
<div style="font-size: 8px">
398+
{{ legend }}
399+
</div>
400+
</template>
401+
<template #tooltip-before="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
402+
#BEFORE {{ series.name }}
403+
</template>
404+
<template #tooltip-after="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
405+
#AFTER {{ series.name }}
406+
</template>
407+
<template #reset-action="{ reset }">
408+
<button @click="reset()">REFRESH</button>
409+
</template> -->
410+
</VueUiCandlestickTreshaken>
411+
</template>
412+
386413
<template #VDUI-build>
387414
<VueDataUi component="VueUiCandlestick" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-build_${step}`" ref="vduiBuild">
388415
<!-- <template #svg="{ svg }">

‎TestingArena/ArenaVueUiCarouselTable.vue‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiCarouselTable } from "vue-data-ui";
10+
import { VueUiCarouselTable as VueUiCarouselTableTreeshaken } from "vue-data-ui/vue-ui-carousel-table";
11+
912
const { local, build, vduiLocal, vduiBuild, toggleTable, toggleLabels, toggleStack } = useArena()
1013
1114
const model = ref([
@@ -238,6 +241,18 @@ function resumeVduiBuild() {
238241
</VueUiCarouselTable>
239242
</template>
240243

244+
<template #build-treesh>
245+
<button @click="toggleAnimBuild">TOGGLE ANIMATION (public)</button>
246+
<button @click="pauseBuild">PAUSE ANIMATION (public)</button>
247+
<button @click="resumeBuild">RESUME ANIMATION (public)</button>
248+
<VueUiCarouselTableTreeshaken
249+
ref="buildComponent"
250+
:dataset="dataset"
251+
:config="config"
252+
>
253+
</VueUiCarouselTableTreeshaken>
254+
</template>
255+
241256
<template #VDUI-build>
242257
<button @click="toggleAnimVduiBuild">TOGGLE ANIMATION (public)</button>
243258
<button @click="pauseVduiBuild">PAUSE ANIMATION (public)</button>

‎TestingArena/ArenaVueUiChestnut.vue‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiChestnut } from "vue-data-ui";
10+
import { VueUiChestnut as VueUiChestnutTreeshaken } from "vue-data-ui/vue-ui-chestnut";
11+
912
const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
1013
1114
const dataset = ref(undefined);
@@ -599,6 +602,21 @@ onMounted(async () => {
599602
</VueUiChestnut>
600603
</template>
601604

605+
<template #build-treesh>
606+
<VueUiChestnutTreeshaken :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="build">
607+
<template #svg="{ svg }">
608+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
609+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
610+
</template>
611+
<!-- <template #legend="{ legend }">
612+
#LEGEND
613+
<div style="font-size: 8px">
614+
{{ legend }}
615+
</div>
616+
</template> -->
617+
</VueUiChestnutTreeshaken>
618+
</template>
619+
602620
<template #VDUI-build>
603621
<VueDataUi component="VueUiChestnut" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="vduiBuild">
604622
<template #svg="{ svg }">

‎TestingArena/ArenaVueUiChord.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiChord } from "vue-data-ui";
10+
import { VueUiChord as VueUiChordTreeshaken } from "vue-data-ui/vue-ui-chord"
11+
912
const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
1013
1114
const dataset = ref(undefined);
@@ -199,6 +202,10 @@ onMounted(async () => {
199202
<VueUiChord :dataset="dataset" :config="config" ref="build"/>
200203
</template>
201204

205+
<template #build-treesh>
206+
<VueUiChordTreeshaken :dataset="dataset" :config="config" ref="build"/>
207+
</template>
208+
202209
<template #VDUI-build>
203210
<VueDataUi component="VueUiChord" :dataset="dataset" :config="config" ref="vduiBuild"/>
204211
</template>

‎TestingArena/ArenaVueUiCirclePack.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@ import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
import VueUiPattern from "../src/atoms/vue-ui-pattern.vue";
99
10+
import { VueUiCirclePack } from "vue-data-ui";
11+
import { VueUiCirclePack as VueUiCirclePackTreeshaken } from "vue-data-ui/vue-ui-circle-pack";
12+
1013
const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena();
1114
1215
function makeDs({ name, qty, maxVal }) {
@@ -345,6 +348,10 @@ onMounted(async() => {
345348
<VueUiCirclePack :dataset="dataset" :config="config" ref="build" />
346349
</template>
347350

351+
<template #build-treesh>
352+
<VueUiCirclePackTreeshaken :dataset="dataset" :config="config" ref="build" />
353+
</template>
354+
348355
<template #VDUI-build>
349356
<VueDataUi component="VueUiCirclePack" :dataset="dataset" :config="config" ref="vduiBuild" />
350357
</template>

‎TestingArena/ArenaVueUiDashboard.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@ import Box from "./Box.vue";
55
import convertArrayToObject from "./convertModel";
66
import SomeTest from "../src/SomeTest.vue";
77
8+
import { VueUiDashboard } from "vue-data-ui";
9+
import { VueUiDashboard as VueUiDashboardTreeshaken } from "vue-data-ui/vue-ui-dashboard";
10+
811
const model= ref([
912
{ key: 'locked', def: false, type: 'checkbox' },
1013
@@ -172,6 +175,10 @@ const dataset = ref([
172175
<VueDataUi component="VueUiDashboard" :dataset="dataset" :config="config"/>
173176
</template>
174177

178+
<template #build-treesh>
179+
<VueUiDashboardTreeshaken :dataset="dataset" :config="config"/>
180+
</template>
181+
175182
<template #knobs>
176183
<div
177184
style="display: flex; flex-direction: row; flex-wrap:wrap; align-items:center; width: 100%; color: #CCCCCC; gap:24px;">

‎TestingArena/ArenaVueUiDonutEvolution.vue‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
88
9+
import { VueUiDonutEvolution } from "vue-data-ui";
10+
import { VueUiDonutEvolution as VueUiDonutEvolutionTreeshaken } from "vue-data-ui/vue-ui-donut-evolution";
11+
912
const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
1013
1114
const dataset = ref([])
@@ -325,6 +328,24 @@ onMounted(async() => {
325328
</VueUiDonutEvolution>
326329
</template>
327330

331+
<template #build-treesh>
332+
<VueUiDonutEvolutionTreeshaken :dataset="dataset" :config="config" :key="`build_${step}`" @selectLegend="selectLegend" ref="build">
333+
<template #svg="{ svg }">
334+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
335+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
336+
</template>
337+
<template #legend="{ legend }">
338+
#LEGEND
339+
<div style="font-size: 8px">
340+
{{ legend }}
341+
</div>
342+
</template>
343+
<template #reset-action="{ reset }">
344+
<button @click="reset()">REFRESH</button>
345+
</template>
346+
</VueUiDonutEvolutionTreeshaken>
347+
</template>
348+
328349
<template #VDUI-build>
329350
<VueDataUi component="VueUiDonutEvolution" :dataset="dataset" :config="config" :key="`vdui_build_${step}`" @selectLegend="selectLegend" ref="vduiBuild">
330351
<template #svg="{ svg }">

0 commit comments

Comments
 (0)