From 5d8101a502b716e4000e816503da25ee1c8fd0c0 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Wed, 15 Oct 2025 13:29:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BD=93=E5=B7=A6=E4=BE=A7=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E4=B8=BA=E7=A9=BA=E6=97=B6=EF=BC=8C=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=20+=20=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/MessageInputComponent.vue | 22 ++++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/components/MessageInputComponent.vue b/web/src/components/MessageInputComponent.vue
index 4f3ef962..d56ea2cf 100644
--- a/web/src/components/MessageInputComponent.vue
+++ b/web/src/components/MessageInputComponent.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script setup>
-import { ref, computed, toRefs, onMounted, nextTick, watch, onBeforeUnmount } from 'vue';
+import { ref, computed, onMounted, nextTick, watch, onBeforeUnmount, useSlots } from 'vue';
 import {
   SendOutlined,
   ArrowUpOutlined,
@@ -67,7 +67,6 @@ import {
 const inputRef = ref(null);
 const isSingleLine = ref(true);
 const optionsExpanded = ref(false);
-const hasOptionsLeft = ref(false);
 const singleLineHeight = ref(0); // Add this
 // 用于防抖的定时器
 const debounceTimer = ref(null);
@@ -107,6 +106,15 @@ const props = defineProps({
 });
 
 const emit = defineEmits(['update:modelValue', 'send', 'keydown']);
+const slots = useSlots();
+const hasOptionsLeft = computed(() => {
+  const slot = slots['options-left'];
+  if (!slot) {
+    return false;
+  }
+  const renderedNodes = slot();
+  return Boolean(renderedNodes && renderedNodes.length);
+});
 
 // 图标映射
 const iconComponents = {
@@ -206,13 +214,6 @@ const focusInput = () => {
   }
 };
 
-// 检查是否有左侧选项
-const checkOptionsLeft = () => {
-  // 这里可以通过检查slot内容来判断是否有选项
-  // 暂时设为true，实际使用时可以根据slot内容动态判断
-  hasOptionsLeft.value = true;
-};
-
 // 监听输入值变化
 watch(inputValue, () => {
   nextTick(() => {
@@ -242,7 +243,6 @@ watch(inputValue, () => {
 // Wait for component to mount before setting up onStartTyping
 onMounted(() => {
   // console.log('Component mounted');
-  checkOptionsLeft();
   nextTick(() => {
     if (inputRef.value) {
       // 记录单行模式下的高度和宽度基准
@@ -457,4 +457,4 @@ onBeforeUnmount(() => {
     padding: 0.625rem 0.875rem;
   }
 }
-</style>
\ No newline at end of file
+</style>