From f1b3f6fbadb5826671708a9298ec0048657af645 Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Sat, 12 Apr 2025 01:58:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E7=BB=87=E8=A1=A8=E5=8D=95=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E9=80=A0=E6=88=90=E7=9A=84=E9=A1=B5=E9=9D=A2=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=20|=20=E8=A7=A3=E5=86=B3=E9=A1=B5=E9=9D=A2=E6=81=A2?=
 =?UTF-8?q?=E5=A4=8D=E7=9A=84=E6=A6=82=E7=8E=87=E6=80=A7=E5=B4=A9=E6=BA=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 renderer/src/components/main-panel/index.vue       | 14 ++++++++++++--
 renderer/src/components/main-panel/panel.ts        | 14 +-------------
 .../components/main-panel/prompt/prompt-reader.vue |  9 +++++++--
 .../main-panel/resource/resouce-reader.vue         |  8 +++++---
 .../components/main-panel/tool/tool-executor.vue   |  8 +++++---
 renderer/src/hook/panel.ts                         |  5 ++++-
 renderer/src/views/debug/index.vue                 | 13 +++++++++++--
 service/tabs.json                                  | 10 +++++-----
 8 files changed, 50 insertions(+), 31 deletions(-)

diff --git a/renderer/src/components/main-panel/index.vue b/renderer/src/components/main-panel/index.vue
index 0f2e819..3259148 100644
--- a/renderer/src/components/main-panel/index.vue
+++ b/renderer/src/components/main-panel/index.vue
@@ -39,7 +39,7 @@
 <script setup lang="ts">
 import { defineComponent } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { addNewTab, tabs, setActiveTab, closeTab } from './panel';
+import { addNewTab, tabs, closeTab } from './panel';
 
 defineComponent({ name: 'main-panel' });
 
@@ -51,7 +51,17 @@ function pageAddNewTab() {
 
 	// 如果当前不在 debug 路由，则切换到 debug 路由
 	if (route.name !== 'debug') {
-		router.push('/debug');
+		router.replace('/debug');
+	}
+}
+
+function setActiveTab(index: number) {
+	if (index >= 0 && index < tabs.content.length) {
+		tabs.activeIndex = index;
+		// 如果不在 debug 路由，则进入
+		if (route.name !== 'debug') {
+			router.replace('/debug');
+		}
 	}
 }
 
diff --git a/renderer/src/components/main-panel/panel.ts b/renderer/src/components/main-panel/panel.ts
index b28551f..6e7347e 100644
--- a/renderer/src/components/main-panel/panel.ts
+++ b/renderer/src/components/main-panel/panel.ts
@@ -34,14 +34,7 @@ export const tabs = reactive<{
 	],
 	activeIndex: 0,
 	get activeTab() {
-		return this.content[this.activeIndex] || {
-			name: 'blank',
-			icon: 'icon-blank',
-			type: 'blank',
-			component: undefined,
-			componentIndex: -1,
-			storage: {},
-		};
+		return this.content[this.activeIndex];
 	}
 });
 
@@ -84,11 +77,6 @@ export function addNewTab() {
 	tabs.activeIndex = tabs.content.length - 1;
 }
 
-export function setActiveTab(index: number) {
-	if (index >= 0 && index < tabs.content.length) {
-		tabs.activeIndex = index;
-	}
-}
 
 export function closeTab(index: number) {
 	if (tabs.content.length <= 1) return; // 至少保留一个标签页
diff --git a/renderer/src/components/main-panel/prompt/prompt-reader.vue b/renderer/src/components/main-panel/prompt/prompt-reader.vue
index fdae4b7..2d2f075 100644
--- a/renderer/src/components/main-panel/prompt/prompt-reader.vue
+++ b/renderer/src/components/main-panel/prompt/prompt-reader.vue
@@ -7,10 +7,14 @@
             <el-form-item v-for="param in currentPrompt?.params" :key="param.name"
                 :label="param.name" :prop="param.name">
                 <el-input v-if="param.type === 'string'" v-model="formData[param.name]"
-                    :placeholder="param.placeholder || `请输入${param.name}`" />
+                    :placeholder="param.placeholder || `请输入${param.name}`"
+                    @keydown.enter.prevent="handleSubmit"
+                    />
 
                 <el-input-number v-else-if="param.type === 'number'" v-model="formData[param.name]"
-                    :placeholder="param.placeholder || `请输入${param.name}`" />
+                    :placeholder="param.placeholder || `请输入${param.name}`"
+                    @keydown.enter.prevent="handleSubmit"
+                    />
 
                 <el-switch v-else-if="param.type === 'boolean'" v-model="formData[param.name]" />
             </el-form-item>
@@ -51,6 +55,7 @@ const tab = tabs.content[props.tabId];
 const tabStorage = tab.storage as PromptStorage;
 
 const formRef = ref<FormInstance>();
+// TODO: 将 formData 装入 tabStorage
 const formData = ref<Record<string, any>>({});
 const loading = ref(false);
 const responseData = ref<PromptsGetResponse>();
diff --git a/renderer/src/components/main-panel/resource/resouce-reader.vue b/renderer/src/components/main-panel/resource/resouce-reader.vue
index b88978d..e3518d4 100644
--- a/renderer/src/components/main-panel/resource/resouce-reader.vue
+++ b/renderer/src/components/main-panel/resource/resouce-reader.vue
@@ -8,11 +8,13 @@
                 :label="param.name" :prop="param.name">
                 <!-- 根据不同类型渲染不同输入组件 -->
                 <el-input v-if="param.type === 'string'" v-model="formData[param.name]"
-                    :placeholder="param.placeholder || `请输入${param.name}`" />
+                    :placeholder="param.placeholder || `请输入${param.name}`"
+                    @keydown.enter.prevent="handleSubmit" />
 
                 <el-input-number v-else-if="param.type === 'number'" v-model="formData[param.name]"
-                    :placeholder="param.placeholder || `请输入${param.name}`" />
-
+                    :placeholder="param.placeholder || `请输入${param.name}`"
+                    @keydown.enter.prevent="handleSubmit" />
+                    
                 <el-switch v-else-if="param.type === 'boolean'" v-model="formData[param.name]" />
             </el-form-item>
 
diff --git a/renderer/src/components/main-panel/tool/tool-executor.vue b/renderer/src/components/main-panel/tool/tool-executor.vue
index ce75e8b..4b9de7d 100644
--- a/renderer/src/components/main-panel/tool/tool-executor.vue
+++ b/renderer/src/components/main-panel/tool/tool-executor.vue
@@ -16,19 +16,21 @@
                         <el-input 
                             v-if="property.type === 'string'" 
                             v-model="formData[name]"
-                            :placeholder="t('enter') + ' ' + (property.title || name)" 
+                            :placeholder="t('enter') + ' ' + (property.title || name)"
+                            @keydown.enter.prevent="handleExecute" 
                         />
 
                         <el-input-number 
                             v-else-if="property.type === 'number' || property.type === 'integer'" 
                             v-model="formData[name]"
                             controls-position="right"
-                            :placeholder="t('enter') + ' ' + (property.title || name)" 
+                            :placeholder="t('enter') + ' ' + (property.title || name)"
+                            @keydown.enter.prevent="handleExecute" 
                         />
 
                         <el-switch 
                             v-else-if="property.type === 'boolean'" 
-                            v-model="formData[name]" 
+                            v-model="formData[name]"
                         />
                     </el-form-item>
                 </el-scrollbar>
diff --git a/renderer/src/hook/panel.ts b/renderer/src/hook/panel.ts
index 753c230..11cb996 100644
--- a/renderer/src/hook/panel.ts
+++ b/renderer/src/hook/panel.ts
@@ -3,7 +3,7 @@ import { llmManager, llms } from "@/views/setting/llm";
 import { pinkLog } from "@/views/setting/util";
 import I18n from '@/i18n/index';
 import { debugModes, tabs } from "@/components/main-panel/panel";
-import { markRaw } from "vue";
+import { markRaw, ref } from "vue";
 
 interface SaveTabItem {
 	name: string;
@@ -18,6 +18,8 @@ interface SaveTab {
 	currentIndex: number
 }
 
+export const panelLoaded = ref(false);
+
 export function loadPanels() {
     const bridge = useMessageBridge();
     
@@ -53,6 +55,7 @@ export function loadPanels() {
 			tabs.activeIndex = persistTab.currentIndex;
 		}
 
+		panelLoaded.value = true;
     }, { once: true });
 
     bridge.postMessage({
diff --git a/renderer/src/views/debug/index.vue b/renderer/src/views/debug/index.vue
index 3a718fe..36ed7ba 100644
--- a/renderer/src/views/debug/index.vue
+++ b/renderer/src/views/debug/index.vue
@@ -1,9 +1,9 @@
 <template>
 	<div style="height: 100%;">
-		<Welcome v-show="!tabs.activeTab.component"></Welcome>
+		<Welcome v-show="!haveActiveTab"></Welcome>
 		
 		<!-- 如果存在激活标签页，则根据标签页进行渲染 -->
-		<div v-show="tabs.activeTab.component" style="height: 100%;">
+		<div v-show="haveActiveTab" style="height: 100%;">
 			<component
                 v-show="tab === tabs.activeTab"
                 v-for="(tab, index) of tabs.content"
@@ -22,6 +22,15 @@ import Welcome from './welcome.vue';
 import { tabs } from '@/components/main-panel/panel';
 
 defineComponent({ name: 'debug' });
+
+const haveActiveTab = computed(() => {
+	const activeTab = tabs.activeTab;
+	if (activeTab) {
+		return true;
+	}
+	return false;
+});
+
 </script>
 
 <style>
diff --git a/service/tabs.json b/service/tabs.json
index d70c990..ce7e05b 100644
--- a/service/tabs.json
+++ b/service/tabs.json
@@ -1,5 +1,5 @@
 {
-  "currentIndex": 1,
+  "currentIndex": 0,
   "tabs": [
     {
       "name": "工具",
@@ -11,12 +11,12 @@
       }
     },
     {
-      "name": "工具",
-      "icon": "icon-tool",
+      "name": "资源",
+      "icon": "icon-file",
       "type": "blank",
-      "componentIndex": 2,
+      "componentIndex": 0,
       "storage": {
-        "currentToolName": "add"
+        "currentResourceName": "greeting"
       }
     }
   ]