fix: 修复v1.1.4Bubble宽度问题，修复sender组件底部不触发聚焦事件问题

Author: HeJiaYue520

apps/playground/src/components/BubbleDemo.vue

@@ -1,7 +1,6 @@
 <!-- home 首页-使用 Bubble 组件 -->
 <script setup lang="ts">
 import { DocumentCopy, Refresh, Search, Star } from '@element-plus/icons-vue'
-import Bubble from 'vue-element-plus-x/src/components/Bubble/index.vue'
 
 const avatar = ref(
   'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',

packages/components/src/components/Bubble/index.vue

@@ -288,7 +288,6 @@ defineExpose(instance)
     box-sizing: border-box;
     min-width: 0;
     max-width: var(--bubble-content-max-width);
-    width: 100%;
     color: var(--el-text-color-primary);
     font-size: var(--el-font-size-base);
     line-height: var(--el-font-line-height-primary);

packages/components/src/components/BubbleList/index.vue

@@ -19,6 +19,7 @@ const props = withDefaults(defineProps<BubbleListProps<T>>(), {
   },
   btnLoading: true,
   btnColor: '#409EFF',
+  btnIconSize: 24,
 })
 
 const emits = defineEmits(['complete'])
@@ -226,6 +227,7 @@ defineExpose({
     :class="{ 'always-scrollbar': props.alwaysShowScrollbar }"
     :style="{
       '--el-bubble-list-max-height': `${maxHeight}`,
+      '--el-bubble-list-btn-size': `${props.btnIconSize}px`,
     }"
     @scroll="handleScroll"
   >
@@ -389,12 +391,12 @@ defineExpose({
   }
 
   .el-bubble-list-back-to-bottom-icon {
-    font-size: 24px;
+    font-size: var(--el-bubble-list-btn-size);
     position: relative;
 
     .back-to-bottom-loading-svg-bg {
       position: absolute;
-      font-size: 48px;
+      font-size: calc(var(--el-bubble-list-btn-size) + 26px);
       animation: is-loading 1s infinite linear;
     }
 

packages/components/src/components/BubbleList/types.d.ts

@@ -19,6 +19,7 @@ export interface BubbleListProps<T extends BubbleListItemProps = BubbleListItemP
   backButtonPosition?: BackButtonPosition // 底部按钮位置
   btnLoading?: boolean
   btnColor?: string
+  btnIconSize?: number
   // v1.1.1+ 新增 --- end
 }
 

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

@@ -430,7 +430,7 @@ defineExpose({
 
       <!-- 底部容器 -->
       <Transition name="slide">
-        <div v-if="$slots.footer" class="el-sender-footer">
+        <div v-if="$slots.footer" class="el-sender-footer" @mousedown="onContentMouseDown">
           <slot name="footer" />
         </div>
       </Transition>
@@ -582,6 +582,10 @@ defineExpose({
       .el-sender-prefix {
         flex: initial;
       }
+
+      .el-sender-action-list {
+        margin-left: auto;
+      }
     }
   }
 

packages/components/src/components/Sender/index.vue

@@ -419,11 +419,10 @@ defineExpose({
           ref="inputRef"
           v-model="internalValue"
           class="el-sender-input"
-          :input-style="{
+          :input-style="props.inputStyle || {
             'resize': 'none',
             'max-height': '176px',
             'max-width': inputWidth,
-            ...props.inputStyle,
           }"
           :rows="1"
           :autosize="autoSize"
@@ -497,7 +496,7 @@ defineExpose({
 
       <!-- 底部容器 -->
       <Transition name="slide">
-        <div v-if="$slots.footer" class="el-sender-footer">
+        <div v-if="$slots.footer" class="el-sender-footer" @mousedown="onContentMouseDown">
           <slot name="footer" />
         </div>
       </Transition>
@@ -661,6 +660,10 @@ defineExpose({
       .el-sender-prefix {
         flex: initial;
       }
+
+      .el-sender-action-list {
+        margin-left: auto;
+      }
     }
   }
 

packages/components/src/components/Typewriter/index.vue

@@ -274,9 +274,6 @@ defineExpose(instance)
 <style scoped lang="scss">
 /* Markdown基础样式 */
 .markdown-content :deep(ul) { list-style-type: disc; }
-.markdown-body {
-  width: 100%; // 修复 md 格式宽度问题
-}
 // 新增 md 雾化效果
 // 添加对 h1-h6, ol, ul 的特殊处理
 .typing-markdown-cursor-foggy,.typing-cursor-foggy {