@@ -5,6 +5,7 @@ import LocalVueDataUi from '../src/components/vue-data-ui.vue';
5
5
import Box from " ./Box.vue" ;
6
6
import convertArrayToObject from " ./convertModel" ;
7
7
import { useArena } from " ../src/useArena" ;
8
+ import BaseIcon from " ../src/atoms/BaseIcon.vue" ;
8
9
9
10
const { local , build , vduiLocal , vduiBuild , toggleTable , toggleLabels } = useArena ()
10
11
@@ -236,6 +237,10 @@ const config = computed(() => {
236
237
237
238
const step = ref (0 );
238
239
240
+ function selectNode (node ) {
241
+ console .log (node)
242
+ }
243
+
239
244
</script >
240
245
241
246
<template >
@@ -255,7 +260,12 @@ const step = ref(0);
255
260
<template #title >VueUiMolecule</template >
256
261
257
262
<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> -->
259
269
<template #chart-background >
260
270
<div style =" width : 100% ; height : 100% ; background : radial-gradient (at top left , red , white )" />
261
271
</template >
@@ -286,7 +296,7 @@ const step = ref(0);
286
296
</template >
287
297
288
298
<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" >
290
300
<template #svg =" { svg } " >
291
301
<circle :cx =" 30" :cy =" 30" :r =" 30" fill =" #42d392" />
292
302
<text :x =" 30" :y =" 30" text-anchor =" middle" >#SVG</text >
0 commit comments