提示词放大编辑

wujingjing

2024-12-30 c4004648da4014c8777e4f4bd887ca28cb7afd97

 src/components/vue-flow/ui/nodes/TextResourceNode.vue

@@ -1,36 +1,25 @@
<template>
   <NodeBasicLayout v-model:title="data.title" :type="NodeType.Code" :showOffset="false" :description="data.description">
   <NodeBasicLayout  v-model:title="data.title" :type="NodeType.Code" :showOffset="false" :description="data.description">
      <Handle :id="targetHandleId" type="target" :position="Position.Left" />
      <FieldLayout :title="codeInput.name">
         <el-input  class="w-full flex-0" v-model="codeInput.params[0].value" placeholder="参数名"> </el-input>

         <el-input class="w-full flex-0" v-model="codeInput.params[0].value" placeholder="参数名"> </el-input>
      </FieldLayout>
      <FieldLayout :title="codeStr.name">
         <div class="relative">
            <codemirror
               @scroll="handleCodeScroll"
               class="nowheel overflow-auto [&>.cm-editor]:min-h-[140px] [&>.cm-editor]:max-h-[340px] cursor-text"
               v-model="codeStr.params[0].value"
               :autofocus="true"
               :indent-with-tab="true"
               :tab-size="2"
               :extensions="javascriptEditorExtensions"
            />
            <!-- <el-tooltip effect="dark" content="全屏" placement="top">
				
            </el-tooltip> -->
            <YWIcon
               class="absolute right-1 top-1 !text-gray-300 cursor-pointer"
               name="pingmufangda"
               @click="fullEditCodeClick(codeStr.params[0])"
            />
         </div>
         <CodeEditor
            :title="codeStr.name"
            :language="codeLanguage"
            v-model:defaultLanguage="codeStr.params[0].defaultLanguage"
            v-model:editValue="codeStr.params[0].value"
         />
         <template #right>
            <el-select size="small" class="w-[100px]" v-model="codeStr.params[0].defaultLanguage">
               <el-option v-for="item in codeLanguage" :key="item" :value="item" :label="textTypeMap[item]"></el-option>
            </el-select>
         </template>
      </FieldLayout>
		

      <Handle :id="sourceHandleId" type="source" :position="Position.Right" />
      <Teleport to="body">
         <CodeEditDialog v-if="editMapCodeItem" v-model="codeEditDlgIsShow" :item="editMapCodeItem"></CodeEditDialog>
      </Teleport>
		
   </NodeBasicLayout>
</template>

@@ -39,27 +28,28 @@
import { vscodeDark } from '@uiw/codemirror-theme-vscode';
import type { NodeProps } from '@vue-flow/core';
import { Handle, Position, useNode } from '@vue-flow/core';
import { ref } from 'vue';
import { Codemirror } from 'vue-codemirror';
import { computed, ref } from 'vue';
import { VueFlowHelper } from '../../VueFlowHelper';
import { NodeType, ParameterType, parameterTypeMap } from '../../vueFlowEnum';
import { NodeType, ParameterType } from '../../vueFlowEnum';
import CodeEditDialog from './components/CodeEditDlg.vue';
import FieldLayout from './components/FieldLayout.vue';
import NodeBasicLayout from './components/NodeBasicLayout.vue';
import type { LLMNodeData, LLMNodeEvents } from './index';
import CodeEditor from '/@/components/input/codeEditor/index.vue';
import { textTypeMap } from '/@/components/input/codeEditor/types';

defineProps<NodeProps<LLMNodeData, LLMNodeEvents>>();
const node = useNode();
const targetHandleId = ref(VueFlowHelper.getHandleId(node.node, 'target'));
const sourceHandleId = ref(VueFlowHelper.getHandleId(node.node, 'source'));

const javascriptEditorExtensions = [javascript(), vscodeDark];

const data = ref(node.node.data);
const codeInput = ref(VueFlowHelper.getGroupParam(data.value, 0));
const codeStr = ref(VueFlowHelper.getGroupParam(data.value, 1));
const handleCodeScroll = (e) => {
   e.stopPropagation();
};
const codeLanguage = ref(VueFlowHelper.getConfigValue(codeStr.value.params[0], 'language', ['text', 'javascript']));
// defaultLanguage 不存在，设置默认值
!codeStr.value.params[0].defaultLanguage && (codeStr.value.params[0].defaultLanguage = 'text');
const getInputEmptyItem = () => {
   return {
      key: '',
@@ -95,11 +85,4 @@




const editMapCodeItem = ref({});
const codeEditDlgIsShow = ref(false);
const fullEditCodeClick = (item) => {
   editMapCodeItem.value = item;
   codeEditDlgIsShow.value = true;
};
</script>