From 7b3daacdf5775b2fbb100f7db2b6219cbdfd6ef4 Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Sun, 1 Jun 2025 22:20:21 +0800
Subject: [PATCH] fix issue#21

---
 CHANGELOG.md                                    |  4 ++++
 package.json                                    |  2 +-
 .../main-panel/chat/chat-box/index.vue          | 17 ++++++++++++-----
 .../main-panel/chat/chat-box/rich-textarea.vue  |  6 ++++++
 renderer/src/views/about/index.vue              |  2 +-
 5 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2a8a158..411b9db 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Change Log
 
+## [main] 0.1.3
+- 解决 issue#21 点击按钮后的发送文本后不会清空当前的输入框。
+- 修复暂停按键在多轮对话后消失的问题。
+
 ## [main] 0.1.2
 - 新特性：用户发送的信息增加「重新发送」按钮。
 - 支持特性 issue#17 「关于左侧添加mcp服务器操作优化问题」：增加强制聚焦功能，用户创建mcp服务器连接的过程中不会让输入框失去焦点。
diff --git a/package.json b/package.json
index b999403..2a31ec9 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "openmcp",
     "displayName": "OpenMCP",
     "description": "An all in one MCP Client/TestTool",
-    "version": "0.1.2",
+    "version": "0.1.3",
     "publisher": "kirigaya",
     "author": {
         "name": "kirigaya",
diff --git a/renderer/src/components/main-panel/chat/chat-box/index.vue b/renderer/src/components/main-panel/chat/chat-box/index.vue
index 549cd3f..e1e7cfd 100644
--- a/renderer/src/components/main-panel/chat/chat-box/index.vue
+++ b/renderer/src/components/main-panel/chat/chat-box/index.vue
@@ -4,6 +4,7 @@
         <div class="input-wrapper">
 
             <KRichTextarea
+                :ref="el => editorRef = el"
                 :tabId="tabId"
                 v-model="userInput"
                 :placeholder="t('enter-message-dot')"
@@ -43,6 +44,7 @@ const props = defineProps({
 });
 
 const emits = defineEmits(['update:scrollToBottom']);
+const editorRef = ref<any>(null);
 
 const tab = tabs.content[props.tabId];
 const tabStorage = tab.storage as ChatStorage;
@@ -83,7 +85,8 @@ function clearErrorMessage(errorMessage: string) {
     }
 }
 
-function handleSend(newMessage?: string) {    
+function handleSend(newMessage?: string) {
+    
     // 将富文本信息转换成纯文本信息
     const userMessage = newMessage || userInput.value;
 
@@ -115,8 +118,6 @@ function handleSend(newMessage?: string) {
                 }
             });
         }
-
-        isLoading.value = false;
     });
 
     loop.registerOnChunk(() => {
@@ -124,7 +125,6 @@ function handleSend(newMessage?: string) {
     });
 
     loop.registerOnDone(() => {
-        isLoading.value = false;
         scrollToBottom();
     });
 
@@ -133,9 +133,16 @@ function handleSend(newMessage?: string) {
         scrollToBottom();
     });
 
-    loop.start(tabStorage, userMessage);
+    loop.start(tabStorage, userMessage).then(() => {
+        isLoading.value = false;
+    });
     
+    // 清空文本
     userInput.value = '';
+    const editor = editorRef.value.editor;
+    if (editor) {
+        editor.innerHTML = '';
+    }
 }
 
 function handleAbort() {
diff --git a/renderer/src/components/main-panel/chat/chat-box/rich-textarea.vue b/renderer/src/components/main-panel/chat/chat-box/rich-textarea.vue
index 5a4a8aa..86cdc3b 100644
--- a/renderer/src/components/main-panel/chat/chat-box/rich-textarea.vue
+++ b/renderer/src/components/main-panel/chat/chat-box/rich-textarea.vue
@@ -117,6 +117,12 @@ function extractTextFromCollection(collection: HTMLCollection) {
 
 const isComposing = ref(false);
 
+defineExpose({
+    editor,
+    handleBackspace,
+    handleInput,
+});
+
 function handleKeydown(event: KeyboardEvent) {
     
     if (event.key === 'Enter' && !event.shiftKey && !isComposing.value) {
diff --git a/renderer/src/views/about/index.vue b/renderer/src/views/about/index.vue
index 72cfcc9..539ab67 100644
--- a/renderer/src/views/about/index.vue
+++ b/renderer/src/views/about/index.vue
@@ -6,7 +6,7 @@
 		</span>
 
 		<p>
-			OpenMCP Client 0.1.2 由 OpenMCP@<a href="https://www.zhihu.com/people/can-meng-zhong-de-che-xian">锦恢</a> 开发
+			OpenMCP Client 0.1.3 由 OpenMCP@<a href="https://www.zhihu.com/people/can-meng-zhong-de-che-xian">锦恢</a> 开发
 		</p>
 
 		<p>