refactor(core): 移除不必要的avatarIcon属性，优化样式逻辑，确保头像尺寸正确

Author: weilei

packages/element-ui-x/src/components/Bubble/src/main.vue

@@ -28,10 +28,9 @@
       class="el-x-bubble-avatar el-x-bubble-avatar-size"
     >
       <el-avatar
-        :size="avatarSize"
+        :size="0"
         :src="avatar"
         :shape="avatarShape"
-        :icon="avatarIcon"
         :src-set="avatarSrcSet"
         :alt="avatarAlt"
         @error="avatarError"
@@ -64,12 +63,12 @@
         class="el-x-bubble-content"
         :class="{
           'el-x-bubble-content-loading': loading,
-          'el-x-bubble-content-round': shape === 'round',
-          'el-x-bubble-content-corner': shape === 'corner',
-          'el-x-bubble-content-filled': variant === 'filled',
-          'el-x-bubble-content-borderless': variant === 'borderless',
-          'el-x-bubble-content-outlined': variant === 'outlined',
-          'el-x-bubble-content-shadow': variant === 'shadow',
+          'el-x-bubble-content-round': shape === 'round' && !noStyle,
+          'el-x-bubble-content-corner': shape === 'corner' && !noStyle,
+          'el-x-bubble-content-filled': variant === 'filled' && !noStyle,
+          'el-x-bubble-content-borderless': variant === 'borderless' && !noStyle,
+          'el-x-bubble-content-outlined': variant === 'outlined' && !noStyle,
+          'el-x-bubble-content-shadow': variant === 'shadow' && !noStyle,
         }"
       >
         <div
@@ -134,18 +133,12 @@
 
   export default {
     name: 'ElXBubble',
-    components: {
-      ElXTypewriter,
-    },
+    components: { ElXTypewriter },
     props: {
       content: {
         type: String,
         default: '',
       },
-      reasoning_content: {
-        type: String,
-        default: '',
-      },
       avatar: {
         type: String,
         default: '',
@@ -174,10 +167,6 @@
         type: String,
         default: 'circle',
       },
-      avatarIcon: {
-        type: String,
-        default: '',
-      },
       avatarSrcSet: {
         type: String,
         default: '',

packages/element-ui-x/src/components/BubbleList/src/main.vue

@@ -37,7 +37,6 @@
       :avatar-size="defaultAvatarSize || item.avatarSize"
       :avatar-gap="defaultAvatarGap || item.avatarGap"
       :avatar-shape="defaultAvatarShape || item.avatarShape"
-      :avatar-icon="defaultAvatarIcon || item.avatarIcon"
       :avatar-src-set="defaultAvatarSrcSet || item.avatarSrcSet"
       :avatar-alt="defaultAvatarAlt || item.avatarAlt"
       :avatar-fit="defaultAvatarFit || item.avatarFit"
@@ -48,19 +47,7 @@
         <slot
           name="avatar"
           :item="item"
-        >
-          <template v-if="defaultAvatar || item.avatar">
-            <el-avatar
-              :size="defaultAvatarSize || item.avatarSize || 40"
-              :src="defaultAvatar || item.avatar"
-              :shape="defaultAvatarShape || item.avatarShape || 'circle'"
-              :icon="defaultAvatarIcon || item.avatarIcon"
-              :src-set="defaultAvatarSrcSet || item.avatarSrcSet"
-              :alt="defaultAvatarAlt || item.avatarAlt"
-              :fit="defaultAvatarFit || item.avatarFit || 'cover'"
-            />
-          </template>
-        </slot>
+        ></slot>
       </template>
       <template
         v-if="$scopedSlots.header || $slots.header"
@@ -129,9 +116,9 @@
 </template>
 
 <script>
+  import createScrollDetector from '../../../utils/scrollDetector';
   import Bubble from '../../Bubble/index.js';
   import loadingBg from './loading.vue';
-  import createScrollDetector from '../../../utils/scrollDetector';
 
   export default {
     name: 'ElXBubbleList',
@@ -232,10 +219,6 @@
         type: String,
         default: '',
       },
-      defaultAvatarIcon: {
-        type: String,
-        default: '',
-      },
       defaultAvatarSrcSet: {
         type: String,
         default: '',

packages/element-ui-x/src/styles/Bubble.scss

@@ -7,14 +7,14 @@
 
 .el-x-bubble-avatar-size {
   ::v-deep .el-avatar {
-    width: var(--el-x-bubble-avatar-placeholder-width);
-    height: var(--el-x-bubble-avatar-placeholder-height);
+    width: var(--el-x-bubble-avatar-placeholder-width) !important;
+    height: var(--el-x-bubble-avatar-placeholder-height) !important;
   }
 }
 
 .el-x-bubble-avatar-placeholder {
-  width: var(--el-x-bubble-avatar-placeholder-width);
-  height: var(--el-x-bubble-avatar-placeholder-height);
+  width: var(--el-x-bubble-avatar-placeholder-width) !important;
+  height: var(--el-x-bubble-avatar-placeholder-height) !important;
 }
 
 .el-x-bubble-start {
@@ -139,6 +139,7 @@
 
     /* 波浪动画 */
     @keyframes wave {
+
       0%,
       100% {
         transform: translateY(-2px);