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