fix(file-upload): modify the error reported by the upload component on the mobile client and add the demo (#2724)

* fix(file-upload): modify mobile demo

* fix: modify file-upload props

* fix: error issue with modifying uploaded components

Author: James-9696

examples/sites/demos/apis/file-upload.js

@@ -15,7 +15,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'accept-file-image',
-          mobileDemo: 'accept-file-image',
+          mobileDemo: 'accept-file',
           mfDemo: ''
         },
         {
@@ -71,7 +71,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'prevent-delete-file',
-          mobileDemo: 'custom-prefix',
+          mobileDemo: 'prevent-delete-file',
           mfDemo: ''
         },
         {
@@ -86,7 +86,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'before-upload-limit',
-          mobileDemo: 'custom-prefix',
+          mobileDemo: 'upload-request',
           mfDemo: ''
         },
         {
@@ -159,7 +159,7 @@ export default {
             'en-US': 'display different button'
           },
           mode: ['mobile'],
-          mobileDemo: 'manual-upload'
+          mobileDemo: ''
         },
         {
           name: 'display-only',
@@ -218,17 +218,6 @@ export default {
           mode: ['pc'],
           pcDemo: 'encrypt-config'
         },
-        {
-          name: 'ext-icons',
-          type: 'Object',
-          defaultValue: '',
-          desc: {
-            'zh-CN': '<p>设置自定义文件类型图标，根据扩展名定义，默认由组件内部提供。</p>',
-            'en-US': 'display different button'
-          },
-          mode: ['mobile'],
-          mobileDemo: 'placeholder'
-        },
         {
           name: 'file-icon-list',
           type: 'Array',
@@ -275,7 +264,7 @@ export default {
             'en-US': 'display different button'
           },
           mode: ['mobile'],
-          mobileDemo: 'file-title'
+          mobileDemo: 'header-show'
         },
         {
           name: 'header-show',
@@ -386,7 +375,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'max-file-count',
-          mobileDemo: 'upload-limit',
+          mobileDemo: 'max-file-count',
           mfDemo: ''
         },
         {
@@ -411,20 +400,9 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'upload-file-list-thumb',
-          mobileDemo: 'file-picture-card',
+          mobileDemo: 'picture-card',
           mfDemo: ''
         },
-        {
-          name: 'max_file_count',
-          type: 'Number',
-          defaultValue: 'Infinity',
-          desc: {
-            'zh-CN': '<p>设置文件上传数量的最大值，默认无限制，要大于0的正整数。</p>',
-            'en-US': 'display different button'
-          },
-          mode: ['mobile'],
-          mobileDemo: ''
-        },
         {
           name: 'max-name-length',
           type: 'number',
@@ -614,7 +592,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'upload-file-list',
-          mobileDemo: 'upload-user-head',
+          mobileDemo: 'upload-file-list',
           mfDemo: ''
         },
         {
@@ -670,7 +648,7 @@ export default {
             'en-US': 'display different button'
           },
           mode: ['mobile'],
-          mobileDemo: ''
+          mobileDemo: 'prevent-delete-file'
         },
         {
           name: 'thumb-option',
@@ -919,7 +897,7 @@ export default {
           },
           mode: ['pc', 'mobile', 'mobile-first'],
           pcDemo: 'abort-quest',
-          mobileDemo: 'event',
+          mobileDemo: 'abort-quest',
           mfDemo: ''
         },
         {

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

@@ -1,5 +1,11 @@
 <template>
-  <tiny-file-upload ref="upload" :action="action" :file-list="fileList" :file-icon-list="iconList">
+  <tiny-file-upload
+    ref="upload"
+    :action="action"
+    file-title="我是标题"
+    :file-list="fileList"
+    :file-icon-list="iconList"
+  >
     <template #trigger>
       <icon-upload></icon-upload>
     </template>