Skip to content

Commit de1ac28

Browse files
committed
Dev environment - Update VueUiMolecule testing arena
1 parent c80feef commit de1ac28

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

TestingArena/ArenaVueUiMolecule.vue

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
66
import convertArrayToObject from "./convertModel";
77
import { useArena } from "../src/useArena";
8+
import BaseIcon from "../src/atoms/BaseIcon.vue";
89
910
const { local, build, vduiLocal, vduiBuild, toggleTable, toggleLabels } = useArena()
1011
@@ -236,6 +237,10 @@ const config = computed(() => {
236237
237238
const step = ref(0);
238239
240+
function selectNode(node) {
241+
console.log(node)
242+
}
243+
239244
</script>
240245

241246
<template>
@@ -255,7 +260,12 @@ const step = ref(0);
255260
<template #title>VueUiMolecule</template>
256261

257262
<template #local>
258-
<LocalVueUiMolecule :dataset="dataset" :config="config" :key="`local_${step}`" ref="local">
263+
<LocalVueUiMolecule @selectNode="selectNode" :dataset="dataset" :config="config" :key="`local_${step}`" ref="local">
264+
<!-- <template #node="{ node }">
265+
<div style="width: 100%; height: 100%; background: white; position:relative">
266+
<BaseIcon name="copyLeft" size="100%" style="position:absolute"/>
267+
</div>
268+
</template> -->
259269
<template #chart-background>
260270
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
261271
</template>
@@ -286,7 +296,7 @@ const step = ref(0);
286296
</template>
287297

288298
<template #VDUI-local>
289-
<LocalVueDataUi component="VueUiMolecule" :dataset="dataset" :config="config" :key="`vdui_local_${step}`" ref="vduiLocal">
299+
<LocalVueDataUi @selectNode="selectNode" component="VueUiMolecule" :dataset="dataset" :config="config" :key="`vdui_local_${step}`" ref="vduiLocal">
290300
<template #svg="{ svg }">
291301
<circle :cx="30" :cy="30" :r="30" fill="#42d392" />
292302
<text :x="30" :y="30" text-anchor="middle">#SVG</text>

0 commit comments

Comments
 (0)