From 91739840eeb8e9bb95bf38bac8e572216b74e060 Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Wed, 6 May 2026 19:19:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(composer):=20=E6=96=AD=E8=BF=9E=E6=97=B6?=
 =?UTF-8?q?=E7=A6=81=E6=AD=A2=E5=8F=91=E9=80=81=E5=B9=B6=E6=B6=88=E9=99=A4?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=89=A9=E5=B1=95=E8=BF=9F=E6=BB=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/src/app/methods/message.ts             |  8 +++++
 static/src/components/input/InputComposer.vue | 35 +++++++++++++------
 .../styles/components/input/_composer.scss    |  5 +--
 3 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/static/src/app/methods/message.ts b/static/src/app/methods/message.ts
index c042f60..7037ecd 100644
--- a/static/src/app/methods/message.ts
+++ b/static/src/app/methods/message.ts
@@ -132,6 +132,14 @@ export const messageMethods = {
     if (this.streamingUi) {
       return;
     }
+    if (!this.isConnected) {
+      this.uiPushToast({
+        title: '连接已断开',
+        message: '当前无法发送消息，请等待连接恢复后重试',
+        type: 'warning'
+      });
+      return;
+    }
     if (this.mediaUploading) {
       this.uiPushToast({
         title: '上传中',
diff --git a/static/src/components/input/InputComposer.vue b/static/src/components/input/InputComposer.vue
index ca7a632..3f96fc9 100644
--- a/static/src/components/input/InputComposer.vue
+++ b/static/src/components/input/InputComposer.vue
@@ -60,11 +60,15 @@
               +
             </button>
             <textarea
+              :key="composerInputKey"
               ref="stadiumInput"
               class="stadium-input"
               rows="1"
               :value="inputMessage"
               :disabled="!isConnected || streamingMessage || inputLocked"
+              autocomplete="off"
+              autocorrect="off"
+              autocapitalize="off"
               placeholder="输入消息... (Ctrl+Enter 发送)"
               @input="onInput"
               @focus="$emit('input-focus')"
@@ -306,12 +310,15 @@ const applyLineMetrics = (lines: number, multiline: boolean) => {
   inputStore.setInputMultiline(multiline);
 };
 
+const composerInputKey = computed(
+  () => `${props.currentConversationId || 'new'}:${props.isConnected ? 'online' : 'offline'}`
+);
+
 const adjustTextareaSize = () => {
   const textarea = stadiumInput.value;
   if (!textarea) {
     return;
   }
-  const previousHeight = textarea.offsetHeight;
   textarea.style.height = 'auto';
   const computedStyle = window.getComputedStyle(textarea);
   const lineHeight = parseFloat(computedStyle.lineHeight || '20') || 20;
@@ -320,20 +327,15 @@ const adjustTextareaSize = () => {
   const lines = Math.max(1, Math.round(targetHeight / lineHeight));
   const multiline = targetHeight > lineHeight * 1.4;
   applyLineMetrics(lines, multiline);
-
-  if (Math.abs(targetHeight - previousHeight) <= 0.5) {
-    textarea.style.height = `${targetHeight}px`;
-    return;
-  }
-  textarea.style.height = `${previousHeight}px`;
-  void textarea.offsetHeight;
-  requestAnimationFrame(() => {
-    textarea.style.height = `${targetHeight}px`;
-  });
+  textarea.style.height = `${targetHeight}px`;
 };
 
 const onInput = (event: Event) => {
   const target = event.target as HTMLTextAreaElement;
+  if (!props.isConnected || props.streamingMessage || props.inputLocked) {
+    target.value = props.inputMessage || '';
+    return;
+  }
   emit('update:input-message', target.value);
   emit('input-change');
   adjustTextareaSize();
@@ -435,6 +437,17 @@ watch(
   }
 );
 
+watch(
+  () => props.isConnected,
+  async (connected) => {
+    if (!connected && stadiumInput.value) {
+      stadiumInput.value.blur();
+    }
+    await nextTick();
+    adjustTextareaSize();
+  }
+);
+
 onMounted(() => {
   adjustTextareaSize();
 });
diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss
index f958cbd..bb8555d 100644
--- a/static/src/styles/components/input/_composer.scss
+++ b/static/src/styles/components/input/_composer.scss
@@ -232,8 +232,6 @@
     display: flex;
     gap: 12px;
     transition:
-        padding 0.2s ease,
-        min-height 0.2s ease,
         box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1),
         border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -327,8 +325,7 @@
     outline: none;
     overflow-y: auto;
     scrollbar-width: none;
-    transition: height 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-    will-change: height;
+    transition: none;
 }
 
 .stadium-input:disabled {