refactor(bubble): change prop names in tr-bubble-list components from 'items' and 'roles' to 'messages' and 'role-configs' for improved clarity

Author: gene9831

docs/demos/tools/conversation/IndexedDB.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tr-bubble-list :items="messages" :roles="roles"></tr-bubble-list>
+    <tr-bubble-list :messages="messages" :role-configs="roles"></tr-bubble-list>
 
     <!-- 消息输入区域 -->
     <tr-sender
@@ -35,12 +35,10 @@ const roles: Record<string, BubbleRoleConfig> = {
   assistant: {
     placement: 'start',
     avatar: aiAvatar,
-    maxWidth: '80%',
   },
   user: {
     placement: 'end',
     avatar: userAvatar,
-    maxWidth: '80%',
   },
 }
 

docs/demos/tools/conversation/LocalStorage.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tr-bubble-list :items="messages" :roles="roles"></tr-bubble-list>
+    <tr-bubble-list :messages="messages" :role-configs="roles"></tr-bubble-list>
 
     <!-- 消息输入区域 -->
     <tr-sender
@@ -35,12 +35,10 @@ const roles: Record<string, BubbleRoleConfig> = {
   assistant: {
     placement: 'start',
     avatar: aiAvatar,
-    maxWidth: '80%',
   },
   user: {
     placement: 'end',
     avatar: userAvatar,
-    maxWidth: '80%',
   },
 }