shalu-agent-workflow/apps/web/src/nodes/src/end/setter.vue

<script setup lang="ts">
import { ref, watch } from 'vue'
import OutputVariables from '@/nodes/_base/OutputVariables.vue'

import type { EndData } from './index'

const props = defineProps<{
	data: EndData
}>()

const emit = defineEmits<{
	(e: 'update', data: EndData): void
}>()

const formData = ref<EndData>(props.data)

watch(
	() => formData.value,
	(newVal) => {
		emit('update', newVal)
	}
)
</script>

<template>
	<el-scrollbar class="box-border p-12px">
		<OutputVariables v-model="formData.outputs" :set-type="false" :set-value="true" />
	</el-scrollbar>
</template>