33 lines
994 B
Vue
33 lines
994 B
Vue
<script lang="ts" setup>
|
|
import Handle from '../Handle/Handle.vue'
|
|
import { NodeProps, Position } from '../../types'
|
|
|
|
interface DefaultNodeProps extends NodeProps {
|
|
data?: NodeProps['data']
|
|
connectable?: NodeProps['connectable']
|
|
targetPosition?: NodeProps['targetPosition']
|
|
sourcePosition?: NodeProps['sourcePosition']
|
|
}
|
|
|
|
const props = withDefaults(defineProps<DefaultNodeProps>(), {
|
|
data: () => {},
|
|
connectable: false,
|
|
targetPosition: Position.Top,
|
|
sourcePosition: Position.Bottom,
|
|
})
|
|
</script>
|
|
<script lang="ts">
|
|
export default {
|
|
name: 'DefaultNode',
|
|
inheritAttrs: false,
|
|
}
|
|
</script>
|
|
<template>
|
|
<Handle type="target" :position="props.targetPosition" :is-connectable="props.connectable" />
|
|
<slot v-bind="props">
|
|
<component :is="props.data?.label" v-if="typeof props.data?.label !== 'string'" />
|
|
<span v-else v-html="props.data?.label"></span>
|
|
</slot>
|
|
<Handle type="source" :position="props.sourcePosition" :is-connectable="props.connectable" />
|
|
</template>
|