fix(ui): [file-upload,loading, steps] Adapt to the new UI screenshot specifications and fix related errors. (#2177)

* fix(ui): 适配ui截图新规范并修复相关报错

* fix(file-upload): 整改上传组件的demo为新规范样式

* fix(e2e): 修复e2e测试用例报错

Author: chenxi-20

examples/sites/demos/pc/app/file-upload/abort-quest-composition-api.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="content">
     <tiny-file-upload ref="uploadRef" :action="action">
-      <tiny-button size="small" type="primary"> 点击上传 </tiny-button>
+      <tiny-button size="small"> 点击上传 </tiny-button>
     </tiny-file-upload>
     <br />
-    <tiny-button @click="cancelUpload"> 取消上传 </tiny-button>
+    <tiny-button @click="cancelUpload" type="primary"> 取消上传 </tiny-button>
   </div>
 </template>
 

examples/sites/demos/pc/app/file-upload/abort-quest.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="content">
     <tiny-file-upload ref="upload" :action="action">
-      <tiny-button size="small" type="primary"> 点击上传 </tiny-button>
+      <tiny-button size="small"> 点击上传 </tiny-button>
     </tiny-file-upload>
     <br />
-    <tiny-button @click="cancelUpload"> 取消上传 </tiny-button>
+    <tiny-button @click="cancelUpload" type="primary"> 取消上传 </tiny-button>
   </div>
 </template>
 

examples/sites/demos/pc/app/file-upload/accept-file-image-composition-api.vue

@@ -1,6 +1,6 @@
 <template>
   <tiny-file-upload :action="action" accept="image/*" :file-list="fileList">
-    <tiny-button type="primary">点击上传</tiny-button>
+    <tiny-button>点击上传</tiny-button>
   </tiny-file-upload>
 </template>
 

examples/sites/demos/pc/app/file-upload/accept-file-image.vue

@@ -1,6 +1,6 @@
 <template>
   <tiny-file-upload :action="action" accept="image/*" :file-list="fileList">
-    <tiny-button type="primary">点击上传</tiny-button>
+    <tiny-button>点击上传</tiny-button>
   </tiny-file-upload>
 </template>
 

examples/sites/demos/pc/app/file-upload/basic-usage-composition-api.vue

@@ -1,7 +1,7 @@
 <template>
   <tiny-file-upload :data="requestData" ref="uploadRef" :action="action">
     <template #trigger>
-      <tiny-button type="primary">点击上传</tiny-button>
+      <tiny-button>点击上传</tiny-button>
     </template>
   </tiny-file-upload>
 </template>

examples/sites/demos/pc/app/file-upload/basic-usage.vue

@@ -1,7 +1,7 @@
 <template>
   <tiny-file-upload :data="requestData" ref="upload" :action="action">
     <template #trigger>
-      <tiny-button type="primary">点击上传</tiny-button>
+      <tiny-button>点击上传</tiny-button>
     </template>
   </tiny-file-upload>
 </template>

examples/sites/demos/pc/app/file-upload/before-upload-limit-composition-api.vue

@@ -1,7 +1,7 @@
 <template>
   <tiny-file-upload ref="uploadRef" :action="action" :file-list="fileList" :before-upload="beforeAvatarUpload">
     <template #trigger>
-      <tiny-button type="primary">选取文件</tiny-button>
+      <tiny-button>选取文件</tiny-button>
     </template>
   </tiny-file-upload>
 </template>

examples/sites/demos/pc/app/file-upload/before-upload-limit.vue

@@ -1,7 +1,7 @@
 <template>
   <tiny-file-upload ref="upload" :action="action" :file-list="fileList" :before-upload="beforeAvatarUpload">
     <template #trigger>
-      <tiny-button type="primary">选取文件</tiny-button>
+      <tiny-button>选取文件</tiny-button>
     </template>
   </tiny-file-upload>
 </template>

examples/sites/demos/pc/app/file-upload/clear-files-composition-api.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="content">
     <tiny-file-upload ref="uploadRef" :action="action" :file-list="fileList">
-      <tiny-button type="primary">点击上传</tiny-button>
+      <tiny-button>点击上传</tiny-button>
     </tiny-file-upload>
     <br />
     <tiny-button @click="cancelUpload" type="primary">点击清空上传列表</tiny-button>

examples/sites/demos/pc/app/file-upload/clear-files.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="content">
     <tiny-file-upload ref="upload" :action="action" :file-list="fileList">
-      <tiny-button type="primary">点击上传</tiny-button>
+      <tiny-button>点击上传</tiny-button>
     </tiny-file-upload>
     <br />
     <tiny-button @click="cancelUpload" type="primary">点击清空上传列表</tiny-button>