feat: expose flow store and element ref
# What's changed? * add define expose to expose vue flow store instance
This commit is contained in:
@@ -110,6 +110,8 @@ const dispose = useWatch({ modelValue, nodes: modelNodes, edges: modelEdges }, p
|
|||||||
...rest,
|
...rest,
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const el = ref<HTMLDivElement>()
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
dispose()
|
dispose()
|
||||||
$reset()
|
$reset()
|
||||||
@@ -118,6 +120,16 @@ onUnmounted(() => {
|
|||||||
useHooks(emit, hooks.value)
|
useHooks(emit, hooks.value)
|
||||||
|
|
||||||
provide(Slots, useSlots())
|
provide(Slots, useSlots())
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
el,
|
||||||
|
id,
|
||||||
|
hooks,
|
||||||
|
getNodeTypes,
|
||||||
|
getEdgeTypes,
|
||||||
|
$reset,
|
||||||
|
...rest,
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
@@ -127,7 +139,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="vue-flow">
|
<div ref="el" class="vue-flow">
|
||||||
<Viewport>
|
<Viewport>
|
||||||
<template #nodes>
|
<template #nodes>
|
||||||
<template v-for="nodeName of Object.keys(getNodeTypes)">
|
<template v-for="nodeName of Object.keys(getNodeTypes)">
|
||||||
|
|||||||
Reference in New Issue
Block a user