fix: 修复Bubble组件宽度问题

Author: 何嘉悦

apps/playground/components.d.ts

@@ -10,26 +10,17 @@ declare module 'vue' {
   export interface GlobalComponents {
     BubbleDemo: typeof import('./src/components/BubbleDemo.vue')['default']
     BubbleListDemo: typeof import('./src/components/BubbleListDemo.vue')['default']
-    EditorInputDemo: typeof import('./src/components/EditorInputDemo.vue')['default']
-    EditorSenderDemo: typeof import('./src/components/EditorSenderDemo.vue')['default']
     ElAlert: typeof import('element-plus/es')['ElAlert']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElEditable: typeof import('element-plus/es')['ElEditable']
     ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElImage: typeof import('element-plus/es')['ElImage']
-    ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
-    ElMention: typeof import('element-plus/es')['ElMention']
-    ElPopover: typeof import('element-plus/es')['ElPopover']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     MentionSenderDemo: typeof import('./src/components/MentionSenderDemo.vue')['default']
     SenderDemo: typeof import('./src/components/SenderDemo.vue')['default']
     TestEditorInputDemo: typeof import('./src/components/Test-EditorInputDemo.vue')['default']
     TestEditorSenderDemo: typeof import('./src/components/Test-EditorSenderDemo.vue')['default']
-    TestInputDemo: typeof import('./src/components/TestInputDemo.vue')['default']
-    TextInputDemo: typeof import('./src/components/TextInputDemo.vue')['default']
     ThinkingDemo: typeof import('./src/components/ThinkingDemo.vue')['default']
     ThoughtChainDemo: typeof import('./src/components/ThoughtChainDemo.vue')['default']
     UseRecordDemo: typeof import('./src/components/useRecordDemo.vue')['default']

apps/playground/src/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import UseBubble from './components/BubbleDemo.vue'
 import UseBubbleList from './components/BubbleListDemo.vue'
+import UseMentionSender from './components/MentionSenderDemo.vue'
 import UseSender from './components/SenderDemo.vue'
 import UseThinking from './components/ThinkingDemo.vue'
 import UseThoughtChain from './components/ThoughtChainDemo.vue'
@@ -9,7 +10,6 @@ import UseSend from './components/useSendDemo.vue'
 import useXStreamSIP from './components/useXStreamSIPDemo.vue'
 import useXStreamSSE from './components/useXStreamSSEDemo.vue'
 import UseWelcome from './components/WelcomeDemo.vue'
-import UseMentionSender from './components/MentionSenderDemo.vue'
 </script>
 
 <template>

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

@@ -288,6 +288,7 @@ 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);