feat: bubble组件封装

src/views/home/components/conversation-detail/index.vue

@@ -1,6 +1,6 @@
 <script lang="tsx">
-import { message, Avatar } from 'ant-design-vue';
-import { BubbleList } from '@/components/xt-chat/bubble';
+import { message } from 'ant-design-vue';
+import { BubbleList } from '@/components/xt-chat/xt-bubble';
 import type { BubbleListProps } from 'ant-design-x-vue';
 import { useRoute } from 'vue-router';
 import SenderInput from '../sender-input/index.vue';
@@ -28,7 +28,6 @@ export default {
       conversationList.value.push({
         role: QUESTION_ROLE,
         content: searchValue.value,
-        avatar: () => <Avatar />
       });
 
       const tempId = Date.now();
@@ -69,17 +68,13 @@ export default {
         variant: 'borderless',
         typing: { step: 2, interval: 100 },
         onTypingComplete: () => {
+          console.log('onTypingComplete');
           generateLoading.value = false;
         },
       },
       [QUESTION_ROLE]: {
         placement: 'end',
-        shape: 'round',
-        styles: {
-          content: {
-            padding: '6px 12px',
-          },
-        },
+        shape: 'round'
       },
     };
 

src/views/home/components/history-conversation-drawer/index.vue

@@ -1,7 +1,7 @@
 <script lang="jsx">
 import { Drawer } from 'ant-design-vue';
 import TextoverTips from '@/components/text-over-tips';
-import Conversations from '@/components/xt-chat/conversations';
+import Conversations from '@/components/xt-chat/xt-conversations';
 import SvgIcon from '@/components/svg-icon';
 import { Button, Flex, Input } from 'ant-design-vue';
 import DeleteChatModal from './delete-chat-modal.vue';