fix: 修复提及输入框的禁用按钮bug

Author: HeJiaYue520

packages/components/src/components/MentionSender/components/SendButton/index.vue

@@ -2,12 +2,19 @@
 <script setup lang="ts">
 import { Top } from '@element-plus/icons-vue'
 
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+})
+
 const emits = defineEmits(['submit'])
 </script>
 
 <template>
   <div class="el-send-button">
-    <el-button circle @click="emits('submit')">
+    <el-button circle :disabled="props.disabled" @click="emits('submit')">
       <el-icon><Top /></el-icon>
     </el-button>
   </div>

packages/components/src/components/MentionSender/index.vue

@@ -150,7 +150,7 @@ function stopRecognition() {
 
 /* 输入框事件 开始 */
 function submit() {
-  if (props.readOnly || props.loading || props.disabled)
+  if (props.readOnly || props.loading || props.disabled || !internalValue.value)
     return
   emits('submit', internalValue.value)
 }
@@ -374,7 +374,7 @@ defineExpose({
             <div
               class="el-sender-action-list-presets"
             >
-              <SendButton v-if="!loading" @submit="submit" />
+              <SendButton v-if="!loading" :disabled="!internalValue" @submit="submit" />
 
               <LoadingButton v-if="loading" @cancel="cancel" />