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>
|