34 lines
762 B
Vue
34 lines
762 B
Vue
<script lang="ts" setup>
|
||
import { Handle, Position } from '@vue-flow/core'
|
||
import { ref } from 'vue'
|
||
const props = defineProps<{
|
||
data: {
|
||
type: Object,
|
||
default: () => ({
|
||
id: '',
|
||
})
|
||
},
|
||
}>()
|
||
|
||
</script>
|
||
<!-- source输入，target输出 -->
|
||
<template>
|
||
<div class="node">
|
||
<Handle type="target" style="top: 40px;" id="Left" :position="Position.Left" />
|
||
<Handle type="source" style="top: 40px;" id="Right" :position="Position.Right" />
|
||
<!-- <Handle type="source" id="Right" :position="Position.Right" />
|
||
<Handle type="target" id="Left" :position="Position.Left" /> -->
|
||
<!-- <div>{{ props.data.id }}</div> -->
|
||
<div class="item">
|
||
<slot name="content"></slot>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style lang="less" scoped>
|
||
.node{
|
||
.item{
|
||
}
|
||
}
|
||
</style>
|