chore(ChatMessage): setting max-width

Author: anlyyao

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

@@ -185,13 +185,10 @@
 
 // 对话中附件样式覆盖
 .@{attachments}--chatting {
-  .@{attachments}__file {
-    margin-top: 0;
-    margin-bottom: @attachments-file-margin;
-  }
 
   &.all_images {
     width: 100%;
+
     .file-image.@{attachments}__file {
       background-color: transparent !important;
     }
@@ -209,6 +206,11 @@
 
   &.all_files {
     width: auto;
+
+    .@{attachments}__files:not(:last-child) {
+      margin-bottom: @attachments-file-margin;
+    }
+
     .file-image.@{attachments}__file {
       background-color: transparent !important;
     }

packages/pro-components/chat/chat-list/_example/image/index.js

@@ -177,7 +177,7 @@ Component({
           data: [
             {
               name: 'sample1.png',
-              url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+              url: 'https://tdesign.gtimg.com/site/square.png',
               fileType: 'image',
               status: 'success',
               size: 1032,
@@ -186,7 +186,7 @@ Component({
             },
             {
               name: 'sample2.png',
-              url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+              url: 'https://tdesign.gtimg.com/site/square.png',
               fileType: 'image',
               status: 'success',
               size: 1032,
@@ -195,7 +195,7 @@ Component({
             },
             {
               name: 'sample3.png',
-              url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+              url: 'https://tdesign.gtimg.com/site/square.png',
               fileType: 'image',
               status: 'success',
               size: 1032,
@@ -204,7 +204,7 @@ Component({
             },
             {
               name: 'sample4.png',
-              url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+              url: 'https://tdesign.gtimg.com/site/square.png',
               fileType: 'image',
               status: 'success',
               size: 1032,
@@ -213,7 +213,7 @@ Component({
             },
             {
               name: 'sample5.png',
-              url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+              url: 'https://tdesign.gtimg.com/site/square.png',
               fileType: 'image',
               status: 'success',
               size: 1032,

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

@@ -49,19 +49,19 @@
     }
 
     &--top {
-      top: -8rpx;
+      top: -6rpx;
       left: 7rpx;
       animation: dot-moving-top @chat-loading-animation-duration ease-in-out alternate infinite;
     }
 
     &--left {
-      bottom: -8rpx;
+      bottom: -6rpx;
       left: -6rpx;
       animation: dot-moving-left @chat-loading-animation-duration ease-in-out alternate infinite;
     }
 
     &--right {
-      bottom: -8rpx;
+      bottom: -6rpx;
       right: -6rpx;
       animation: dot-moving-right @chat-loading-animation-duration ease-in-out alternate infinite;
     }
@@ -94,37 +94,37 @@
 @keyframes dot-moving-top {
   0% {
     transform: scale(1);
-    top: -7rpx;
+    top: -6rpx;
   }
   to {
-    transform: scale(1.75);
-    top: 6rpx;
+    transform: scale(2);
+    top: 7rpx;
   }
 }
 
 @keyframes dot-moving-left {
   0% {
     transform: scale(1);
-    bottom: -7rpx;
-    left: -7rpx;
+    bottom: -6rpx;
+    left: -6rpx;
   }
   to {
-    transform: scale(1.75);
-    bottom: 6rpx;
-    left: 6rpx;
+    transform: scale(2);
+    bottom: 7rpx;
+    left: 7rpx;
   }
 }
 
 @keyframes dot-moving-right {
   0% {
     transform: scale(1);
-    bottom: -7rpx;
-    right: -7rpx;
+    bottom: -6rpx;
+    right: -6rpx;
   }
   to {
-    transform: scale(1.75);
-    bottom: 6rpx;
-    right: 6rpx;
+    transform: scale(2);
+    bottom: 7rpx;
+    right: 7rpx;
   }
 }
 

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

@@ -1,7 +1,7 @@
 Component({
   data: {
     message: {
-      role: 'user',
+      role: 'system',
       content: [
         {
           type: 'text',

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

@@ -62,6 +62,10 @@
     .@{chat-message}__base {
       padding-right: @spacer-2;
     }
+
+    .@{chat-content} {
+      max-width: 90%;
+    }
   }
 
   // 助手消息样式

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

@@ -9,7 +9,7 @@ Page({
       {
         fileType: 'image',
         name: '图片1.png',
-        url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+        url: 'https://tdesign.gtimg.com/site/square.png',
       },
       {
         fileType: 'pdf',
@@ -32,7 +32,7 @@ Page({
         {
           fileType: 'image',
           name: '图片1.png',
-          url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+          url: 'https://tdesign.gtimg.com/site/square.png',
         },
         {
           fileType: 'pdf',