fix(ChatLoading): fix text spacing error

Author: anlyyao

packages/pro-components/chat/attachments/_example/file/index.js

@@ -9,7 +9,7 @@ Page({
         status: 'success',
       },
       {
-        fileType: 'xls',
+        fileType: 'excel',
         name: 'excel-file.xlsx',
         url: 'https://example.com/excel-file.xlsx',
         size: 222859,
@@ -37,8 +37,8 @@ Page({
         status: 'success',
       },
       {
-        fileType: 'audio',
-        name: 'audio-file.mp3',
+        fileType: 'file',
+        name: 'file',
         url: 'https://example.com/audio-file.mp3',
         size: 222859,
         status: 'success',

packages/pro-components/chat/chat-actionbar/chat-actionbar.less

@@ -70,8 +70,8 @@
   // 操作项
   &__item {
     color: @chat-actionbar-item-color;
-    margin: 8rpx 0;
-    padding: 8rpx 28rpx;
+    margin: 12rpx 0;
+    padding: 4rpx 28rpx;
     border-right: 2rpx solid @component-stroke;
     background-color: unset;
     outline: none;

packages/pro-components/chat/chat-loading/_example/base/index.wxss

@@ -2,5 +2,6 @@
   background-color: var(--td-bg-color-container);
   padding: 32rpx;
   display: flex;
+  align-items: center;
   gap: 48rpx;
 }

packages/pro-components/chat/chat-loading/chat-loading.less

@@ -14,11 +14,6 @@
   }
 
   &__icon {
-    width: 28rpx;
-    height: 28rpx;
-    padding: 6rpx;
-    margin-right: 8rpx;
-
     .@{chat-loading}__skeleton{
       width: 100%
     }
@@ -41,7 +36,9 @@
     margin: 0 6rpx 0 0;
     scale: 0.8;
 
-    view {
+    &--top,
+    &--left,
+    &--right {
       position: absolute;
       width: 16rpx;
       height: 16rpx;

packages/pro-components/chat/chat-loading/chat-loading.wxml

@@ -3,7 +3,7 @@
 <view class="class {{[classPrefix]}}" style="{{_._style([style, customStyle])}}">
   <!-- 动态加载动画 -->
   <view wx:if="{{animation !== 'skeleton'}}" class="{{classPrefix}}__icon">
-    <block wx:if="{{animation==='moving'}}">
+    <block wx:if="{{animation === 'moving'}}">
       <view class="{{classPrefix}}__moving">
         <view class="{{classPrefix}}__moving--top" />
         <view class="{{classPrefix}}__moving--left" />
@@ -25,5 +25,5 @@
     </view>
   </block>
   <!-- 文本内容 -->
-  <view class="{{classPrefix}}__text">{{text}}</view>
+  <view wx:if="{{text}}" class="{{classPrefix}}__text">{{text}}</view>
 </view>

packages/pro-components/chat/chat-message/_example/content/index.js

@@ -106,34 +106,34 @@ Component({
               width: 1920, // 图片实际宽度
               height: 1080, // 图片实际高度
             },
-            // {
-            //   fileType: 'pdf',
-            //   name: 'document.pdf',
-            //   url: 'https://example.com/document.pdf',
-            //   size: 3072,
-            //   status: 'success',
-            // },
-            // {
-            //   fileType: 'doc',
-            //   name: 'report.docx',
-            //   url: 'https://example.com/report.docx',
-            //   size: 1536,
-            //   status: 'success',
-            // },
-            // {
-            //   fileType: 'audio',
-            //   name: 'audio.mp3',
-            //   url: 'https://example.com/audio.mp3',
-            //   size: 512,
-            //   status: 'success',
-            // },
-            // {
-            //   fileType: 'ppt',
-            //   name: 'presentation.ppt',
-            //   url: 'https://example.com/presentation.ppt',
-            //   size: 512,
-            //   status: 'success',
-            // },
+            {
+              fileType: 'pdf',
+              name: 'document.pdf',
+              url: 'https://example.com/document.pdf',
+              size: 3072,
+              status: 'success',
+            },
+            {
+              fileType: 'doc',
+              name: 'report.docx',
+              url: 'https://example.com/report.docx',
+              size: 1536,
+              status: 'success',
+            },
+            {
+              fileType: 'audio',
+              name: 'audio.mp3',
+              url: 'https://example.com/audio.mp3',
+              size: 512,
+              status: 'success',
+            },
+            {
+              fileType: 'ppt',
+              name: 'presentation.ppt',
+              url: 'https://example.com/presentation.ppt',
+              size: 512,
+              status: 'success',
+            },
             {
               fileType: 'xls',
               name: 'spreadsheet.xls',

packages/pro-components/chat/chat-message/_example/content/index.wxml

@@ -1,6 +1,6 @@
 <view class="chat-example">
   <!-- 附件消息 -->
-  <!-- <view class="chat-example-block">
+  <view class="chat-example-block">
     <t-chat-message
       content="{{pic1.content}}"
       role="{{pic1.role}}"
@@ -28,7 +28,7 @@
       role="{{fileMessage.role}}"
       chatContentProps="{{chatContentProps}}"
     ></t-chat-message>
-  </view> -->
+  </view>
   <view class="chat-example-block">
     <t-chat-message
       content="{{fileMessage.content}}"

packages/pro-components/chat/chat-thinking/chat-thinking.less

@@ -19,6 +19,8 @@
   }
 
   &__hd {
+    height: 48rpx;
+    overflow: hidden;
     display: flex;
     align-items: center;