| | |
| | | <img src="/@/components/vue-flow/ui/assets/images/icon_End.png" class="h-4 w-4" alt="Start icon" /> |
| | | <div class="flex flex-col gap-y-1"> |
| | | <p v-if="!titleIsEdit" class="text-xl font-bold text-gray-500" @click="titleIsEdit = true">{{ data.title }}</p> |
| | | <el-input v-else v-model="data.title" @blur="() => (titleIsEdit = false)"></el-input> |
| | | <el-input v-elInputFocus="false" v-else v-model="data.title" @blur="() => (titleIsEdit = false)"></el-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import { Handle, Position, useNode, useVueFlow } from '@vue-flow/core'; |
| | | import { computed, ref } from 'vue'; |
| | | import { VueFlowConstant } from '../../VueFlowConstant'; |
| | | import { VueFlowHelper } from '../../VueFlowHelper'; |
| | | import { LLMNodeData, LLMNodeEvents } from './index'; |
| | | import { deepClone } from '/@/utils/other'; |
| | | import { VueFlowHelper } from '../../VueFlowHelper'; |
| | | |
| | | defineProps<NodeProps<LLMNodeData, LLMNodeEvents>>(); |
| | | |
| | |
| | | |
| | | const data = ref(node.node.data); |
| | | const titleIsEdit = ref(false); |
| | | const parameterTable = computed(() => data.value[VueFlowConstant.PARAMS_KEY]); |
| | | const parameterTable = computed(() => data.value[VueFlowConstant.GROUP_PARAMS_KEY]); |
| | | const { removeNodes, nodes, addNodes } = useVueFlow(); |
| | | |
| | | function handleClickDuplicateBtn() { |
| | | const { type, position, data } = node.node; |
| | | const newNode = { |
| | | id: (nodes.value.length + 1).toString(), |
| | | id: VueFlowHelper.genGeometryId(), |
| | | type, |
| | | position: { |
| | | x: position.x + 100, |