@opentiny/vue-docs 2.1.7 → 2.1.8

package/demos/pc/app/file-upload/webdoc/file-upload.js

@@ -4,243 +4,228 @@ export default {
   demos: [
     {
       'demoId': 'basic-usage',
-      'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
+      'name': { 'zh-CN': '基本用法', 'en-US': 'Basic usage' },
       'desc': {
-        'zh-CN': '<p>属性 action(type：string) 上传服务器地址。</p>\n',
-        'en-US': '<p>Attribute action (type: string) upload server address. </p>\n'
+        'zh-CN': '通过<code>action</code>设置上传的服务器地址，<code>data</code>设置上传时附带的额外参数。',
+        'en-US':
+          'Set the server address for uploading through<code>action</code>, and set the additional parameters that come with uploading through<code>data</code>.'
       },
       'codeFiles': ['basic-usage.vue']
     },
     {
-      'demoId': 'size',
-      'name': { 'zh-CN': '设置组件大小', 'en-US': 'Set Component Size' },
+      'demoId': 'custom-trigger',
+      'name': { 'zh-CN': '触发源插槽', 'en-US': 'Trigger source slot' },
       'desc': {
-        'zh-CN': '<p>可选值为<code>large</code>，<code>medium</code>，<code>small</code>，<code>mini</code></p>\n',
+        'zh-CN': '通过<code>trigger</code>插槽自定义文件选择触发源的内容，有触发文件选项框弹出的功能。',
         'en-US':
-          '<p>The options are <code>large</code>, <code>medium</code>, <code>small</code>, and <code>mini</code></p>\n'
+          'Select the content of the trigger source through the<code>trigger</code>slot customization file, and there is a function to pop up the trigger file option box.'
       },
-      'codeFiles': ['size.vue']
+      'codeFiles': ['custom-trigger.vue']
     },
     {
-      'demoId': 'accept-file-image',
-      'name': { 'zh-CN': '可上传的文件类型', 'en-US': 'File types that can be uploaded' },
+      'demoId': 'disabled',
+      'name': { 'zh-CN': '禁用', 'en-US': 'Disabled' },
       'desc': {
-        'zh-CN': '<p>通过配置 accept(image) 来限制上传文件的格式为 image</p>\n',
-        'en-US': '<p>You can configure accept(image) to restrict the format of uploaded files to image</p>\n'
+        'zh-CN': '通过<code>disabled</code>设置禁用功能。',
+        'en-US': 'Disable the function by setting<code>disabled</code>.'
       },
-      'codeFiles': ['accept-file-image.vue']
+      'codeFiles': ['disabled.vue']
     },
     {
-      'demoId': 'manual-upload',
-      'name': { 'zh-CN': '手动上传', 'en-US': 'Manual Upload' },
+      'demoId': 'accept-file-image',
+      'name': { 'zh-CN': '限制文件类型', 'en-US': 'Restrict file types' },
       'desc': {
-        'zh-CN': '<p>通过 action 配置上传地址，通过 submit 设置手动上传</p>\n',
-        'en-US': '<p>Configure the upload address through action and manually upload through submit</p>\n'
+        'zh-CN': '通过<code>accept</code>设置限制上传文件的格式。',
+        'en-US': 'Limit the format of uploaded files by setting<code>accept</code>.'
       },
-      'codeFiles': ['manual-upload.vue']
+      'codeFiles': ['accept-file-image.vue']
     },
     {
-      'demoId': 'prevent-delete-file',
-      'name': { 'zh-CN': '阻止删除文件', 'en-US': 'Do not delete files' },
+      'demoId': 'multiple-file',
+      'name': { 'zh-CN': '文件多选', 'en-US': 'Multiple file selection' },
       'desc': {
-        'zh-CN': '<p>:before-remove（移除文件前回调事件）,方法里面return true/false，表示是否可以删除</p>\n',
-        'en-US':
-          '<p>:before-remove (callback event before removing a file). In the method, return true/false indicates whether the file can be deleted.</p>\n'
+        'zh-CN': '通过<code>multiple</code>设置实现文件多选，默认单选。',
+        'en-US': 'By setting<code>multiple</code>, multiple files can be selected, with default single selection.'
       },
-      'codeFiles': ['prevent-delete-file.vue']
+      'codeFiles': ['multiple-file.vue']
     },
     {
-      'demoId': 'prevent-upload-file',
-      'name': { 'zh-CN': '阻止上传文件', 'en-US': 'Do not upload files' },
+      'demoId': 'manual-upload',
+      'name': { 'zh-CN': '手动上传', 'en-US': 'Manual upload' },
       'desc': {
-        'zh-CN': '<p>before-upload（上传前回调事件）,方法里面 return true/false，表示是否可以进行上传文件</p>\n',
+        'zh-CN': '通过<code>auto-upload</code>取消自动上传，配合<code>submit</code>实例方法手动上传。',
         'en-US':
-          '<p>before-upload (callback event before upload). In the method, return true/false indicates whether files can be uploaded.</p>\n'
+          'Cancel automatic upload through<code>auto-upload</code>and manually upload in conjunction with the<code>submit</code>instance method.'
       },
-      'codeFiles': ['prevent-upload-file.vue']
+      'codeFiles': ['manual-upload.vue']
     },
     {
-      'demoId': 'upload-request',
-      'name': { 'zh-CN': '上传请求', 'en-US': 'Upload Request' },
+      'demoId': 'upload-file-list',
+      'name': { 'zh-CN': '文件列表', 'en-US': 'Uploaded file list' },
       'desc': {
-        'zh-CN': '<p>可通过配置 action 为上传地址，可通过配置 headers 为头部请求信息</p>\n',
-        'en-US': '<p>You can set action to the upload address and headers to the header request information</p>\n'
+        'zh-CN':
+          '通过<code>file-list</code>设置上传的文件列表，也可通过<code>:show-file-list="false"</code>关闭列表的显示；<code>open-download-file</code>设置文件是否可下载。',
+        'en-US':
+          'Set the list of uploaded files through<code>file-list</code>, or turn off the display of the list through<code>: show-file-list="false"</code>;<code>open-download-file</code>Set whether the file is downloadable.'
       },
-      'codeFiles': ['upload-request.vue']
+      'codeFiles': ['upload-file-list.vue']
     },
     {
-      'demoId': 'mini-mode',
-      'name': { 'zh-CN': 'mini 模式', 'en-US': 'mini mode' },
+      'demoId': 'upload-file-list-slot',
+      'name': { 'zh-CN': '定义文件列表', 'en-US': 'Custom file list' },
       'desc': {
-        'zh-CN': '<p>\n可通过配置 mini-mode，设置显示 mini 模式</p>\n',
-        'en-US': '<p>\nYou can configure mini-mode to set the display mode.</p>\n'
+        'zh-CN': '通过<code>name</code>设置上传的文件字段名，<code>file</code>插槽自定义文件列表。',
+        'en-US':
+          'Set the field name of the uploaded file through<code>name</code>, and customize the file list for the<code>file</code>slot.'
       },
-      'codeFiles': ['mini-mode.vue']
+      'codeFiles': ['upload-file-list-slot.vue']
     },
     {
-      'demoId': 'drag-upload',
-      'name': { 'zh-CN': '是否可以拖拽文件上传', 'en-US': 'Whether files can be uploaded by dragging' },
+      'demoId': 'prevent-delete-file',
+      'name': { 'zh-CN': '阻止删除文件', 'en-US': 'Prevent deleting files' },
       'desc': {
         'zh-CN':
-          '<p>可配置 <code>drag(type:boolean)</code>，来控制组件是否可以拖拽文件上传，如果配置了 <code>accept</code> 属性，可通过 <code>@drop-error</code> 事件获取不合规的拖拽文件。</p>\n',
+          '通过<code>before-remove</code>执行移除文件前的操作，返回<code>false</code>或<code>reject</code>则阻止删除。',
         'en-US':
-          '<p> <code>drag(type:boolean)</code> can be configured to control whether a component can drag files to upload. If the <code>accept</code> attribute is configured, the <code>@drop-error</code> event can be used to obtain non-compliant dragged files. </p>\n'
+          'Perform the operation before removing the file by<code>before-remove</code>, and return<code>false</code>or<code>reject</code>to prevent deletion.'
       },
-      'codeFiles': ['drag-upload.vue']
+      'codeFiles': ['prevent-delete-file.vue']
     },
     {
-      'demoId': 'drag-select-file',
-      'name': { 'zh-CN': '拖拽上传', 'en-US': 'Drag Upload' },
+      'demoId': 'prevent-upload-file',
+      'name': { 'zh-CN': '阻止上传文件', 'en-US': 'Prevent upload files' },
       'desc': {
-        'zh-CN': '<p>可配置drag(type:boolean)，来控制组件是否可以拖拽文件</p>\n',
-        'en-US': '<p>The drag(type:boolean) parameter can be set to control whether the component can drag files.</p>\n'
+        'zh-CN':
+          '通过<code>before-upload</code>执行上传文件前的操作，返回<code>false</code>或<code>reject</code>则阻止上传。',
+        'en-US':
+          'Perform the operation before uploading the file by<code>before-upload</code>, and return<code>false</code>or<code>reject</code>to block the upload.'
       },
-      'codeFiles': ['drag-select-file.vue']
+      'codeFiles': ['prevent-upload-file.vue']
     },
     {
-      'demoId': 'upload-file-list',
-      'name': { 'zh-CN': '上传的文件列表', 'en-US': 'Uploaded File List' },
+      'demoId': 'upload-request',
+      'name': { 'zh-CN': '请求头部配置', 'en-US': 'Request header configuration' },
       'desc': {
-        'zh-CN': '<p>通过 <code>file</code> 插槽自定义文件列表</p>\n',
+        'zh-CN':
+          '通过<code>headers</code>配置上传请求头部信息，<code>with-credentials</code>设置允许发送 cookie 凭证信息。',
         'en-US':
-          '<p>You can use <code>show-file-list</code> to configure whether to display the list of uploaded files. The default value is true. This parameter must be used together with file-list.\nYou can configure <code>:file-list (type: object) </code> to display the name and address of the uploaded file</p>\n'
+          'Configure the upload request header information through<code>headers</code>, and set the permission to send cookie credential information through<code>with-credentials</code>settings.'
       },
-      'codeFiles': ['upload-file-list.vue']
+      'codeFiles': ['upload-request.vue']
     },
     {
-      'demoId': 'upload-file-list-slot',
-      'name': { 'zh-CN': '自定义文件列表', 'en-US': 'User-defined File List' },
+      'demoId': 'drag-upload',
+      'name': { 'zh-CN': '拖拽文件上传', 'en-US': 'Dragging uploading files' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>show-file-list</code> 配置是否显示是否显示已上传文件列表，默认值为 true ，需要与 file-list 同时使用\n可配置 <code>:file-list（type：object）</code>来显示已上传的文件名和地址</p>\n',
+          '通过<code>drag</code>设置能否拖拽文件上传，若配置了<code>accept</code>属性，则通过监听<code>drop-error</code>事件来操作不合规的拖拽文件信息。',
         'en-US':
-          '<p>You can use <code>show-file-list</code> to configure whether to display the list of uploaded files. The default value is true and must be used together with file-list.\nYou can configure <code>:file-list (type: object) </code> to display the name and address of the uploaded file</p>\n'
+          'By setting whether files can be dragged and uploaded through<code>drag</code>, if the<code>accept</code>attribute is configured, non compliant drag file information can be operated by listening for<code>drop-error</code>events.'
       },
-      'codeFiles': ['upload-file-list-slot.vue']
+      'codeFiles': ['drag-upload.vue']
     },
     {
-      'demoId': 'upload-file-list-thumb',
-      'name': { 'zh-CN': '上传的文件列表弹出显示', 'en-US': 'The list of uploaded files is displayed.' },
+      'demoId': 'paste-upload',
+      'name': { 'zh-CN': '粘贴上传', 'en-US': 'Paste upload' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>list-type = thumb</code> 开启文件列表弹窗显示,<code>thumbOption</code> 设置弹窗相关数据；</p>\n',
+          '通过<code>paste-upload</code>设置能否粘贴文件上传，<code>max-name-length</code>限制文件名显示的字符数。',
         'en-US':
-          '<p>Use <code>list-type = thumb</code> to enable the display of the file list pop-up window, and <code>thumbOption</code> to set the data related to the pop-up window. </p>\n'
+          'Set whether to paste and upload files through<code>paste-upload</code>, and limit the number of characters displayed in file names<code>max-name-length</code>.'
       },
-      'codeFiles': ['upload-file-list-thumb.vue']
+      'codeFiles': ['paste-upload.vue']
     },
     {
-      'demoId': 'custom-upload-request',
-      'name': { 'zh-CN': '自定义上传请求', 'en-US': 'Customized upload request' },
+      'demoId': 'upload-file-list-thumb',
+      'name': { 'zh-CN': '列表弹窗显示', 'en-US': 'List pop-up display' },
       'desc': {
-        'zh-CN': '<p>通过配置 <code>headers</code> ，设置自定义上传请求头信息</p>\n',
-        'en-US': '<p>Configure <code>headers</code> to customize the upload request header information</p>\n'
+        'zh-CN': '通过<code>list-type="thumb"</code>开启文件列表弹窗显示，<code>thumb-option</code>设置弹窗相关数据。',
+        'en-US':
+          'Open the file list pop-up display by<code>list-type="thumb"</code>, and<code>thumb-option</code>set the pop-up related data.'
       },
-      'codeFiles': ['custom-upload-request.vue']
+      'codeFiles': ['upload-file-list-thumb.vue']
     },
     {
       'demoId': 'http-request',
       'name': { 'zh-CN': '覆盖默认请求', 'en-US': 'Override the default request' },
       'desc': {
-        'zh-CN': '<p>通过配置 <code>http-request</code> ，覆盖默认的上传行为，可以自定义上传的实现</p>\n',
+        'zh-CN': '通过<code>http-request</code>配置覆盖默认的上传行为，自定义上传的实现。',
         'en-US':
-          '<p>You can configure <code>http-request</code> to overwrite the default upload behavior. You can customize the upload implementation</p>\n'
+          'Configure to override the default upload behavior and customize the upload implementation through<code>http-request</code>configuration.'
       },
       'codeFiles': ['http-request.vue']
     },
     {
       'demoId': 'upload-limit',
-      'name': { 'zh-CN': '最大上传限制', 'en-US': 'Maximum Upload Limit' },
+      'name': { 'zh-CN': '上传前限制', 'en-US': 'Custom upload restrictions' },
       'desc': {
-        'zh-CN': '<p>可配置:before-upload（上传前事件回调），对文件类型和大小做限制</p>\n',
-        'en-US':
-          '<p>Configurable: before-upload (event callback before upload), restricting the file type and size</p>\n'
+        'zh-CN': '通过<code>before-upload</code>设置上传前事件回调，对文件类型和大小做限制。',
+        'en-US': 'Set pre upload event callbacks through<code>before-upload</code>to limit file types and sizes.'
       },
       'codeFiles': ['upload-limit.vue']
     },
-    {
-      'demoId': 'picture-card',
-      'name': { 'zh-CN': '照片墙', 'en-US': 'Photo Wall' },
-      'desc': {
-        'zh-CN': "<p>可配置list-type = 'picture-card'开启照片墙模式</p>\n",
-        'en-US': "<p>Set list-type to 'picture-card' to enable the photo wall mode</p>\n"
-      },
-      'codeFiles': ['picture-card.vue']
-    },
-    {
-      'demoId': 'file-picture-card',
-      'name': { 'zh-CN': '文件缩略图', 'en-US': 'File Thumbnail' },
-      'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
-      'codeFiles': ['file-picture-card.vue']
-    },
-    {
-      'demoId': 'picture-list',
-      'name': { 'zh-CN': '图片列表缩略图', 'en-US': 'Image List Thumbnail' },
-      'desc': {
-        'zh-CN': '<p>\n可通过配置list-type=&quot;picture&quot;，来实现图片列表缩略图显示</p>\n',
-        'en-US': '<p>\nYou can set list-type to &quot;picture&quot; to display the picture list thumbnail</p>\n'
-      },
-      'codeFiles': ['picture-list.vue']
-    },
     {
       'demoId': 'max-file-count',
-      'name': { 'zh-CN': '最大上传文件数', 'en-US': 'Maximum number of files to be uploaded' },
+      'name': { 'zh-CN': '最大上传数', 'en-US': 'Maximum number of uploads' },
       'desc': {
-        'zh-CN': '<p>\n可通过配置limit（type:number，大于0的整数）来限制上传文件的个数</p>\n',
+        'zh-CN':
+          '通过<code>limit</code>设置限制上传文件的个数，<code>is-hidden</code>设置达到最大上传数时是否隐藏上传按钮。',
         'en-US':
-          '<p>\nYou can set limit (type:number, an integer greater than 0) to limit the number of files to be uploaded.</p>\n'
+          'Set a limit on the number of uploaded files by<code>limit</code>, and <code>is-hidden</code> whether to hide the upload button when the maximum number of uploads is reached.'
       },
       'codeFiles': ['max-file-count.vue']
     },
     {
-      'demoId': 'multiple-file',
-      'name': { 'zh-CN': '文件多选', 'en-US': 'Multiple File Selection' },
+      'demoId': 'picture-card',
+      'name': { 'zh-CN': '照片墙', 'en-US': 'Photo Wall' },
       'desc': {
-        'zh-CN': "<p>文件选择默认单选\n可配置multiple = 'true' 实现文件多选</p>\n",
+        'zh-CN':
+          '通过设置<code>list-type="picture-card"</code>开启照片墙模式，<code>preview</code>监听此模式下的图片预览按钮的点击事件。',
         'en-US':
-          "<p>The default file selection is single. \nYou can set multiple to'true' to select multiple files.</p>\n"
+          'By setting<code>list-type="picture-card"</code>to enable photo wall mode,<code>preview</code>listens to the click event of the picture preview button in this mode.'
       },
-      'codeFiles': ['multiple-file.vue']
+      'codeFiles': ['picture-card.vue']
     },
     {
-      'demoId': 'custom-prefix',
-      'name': { 'zh-CN': '钩子函数', 'en-US': 'Hook Function' },
+      'demoId': 'file-picture-card',
+      'name': { 'zh-CN': '照片墙的预览、下载、删除', 'en-US': 'Preview, download, and delete photo walls' },
       'desc': {
-        'zh-CN':
-          '<p><code>before-remove</code> 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。<code>before-upload</code> 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。</p>\n',
+        'zh-CN': '通过<code>downloadFile</code>实例方法实现下载功能，<code>handleRemove</code>实例方法实现删除功能。',
         'en-US':
-          '<p><code>before-remove</code>: indicates the hook before deleting files. The parameters are the uploaded files and file list. If false is returned or Promise is returned and rejected, the deletion stops. <code>before-upload</code> Hook before uploading a file. The parameter is the uploaded file. If false is returned or Promise is returned and rejected, the upload stops. </p>\n'
+          'The download function is implemented through the<code>downloadFile</code>instance method, while the<code>handleRemove</code>instance method implements the deletion function.'
       },
-      'codeFiles': ['custom-prefix.vue']
+      'codeFiles': ['file-picture-card.vue']
     },
     {
-      'demoId': 'upload-events',
-      'name': { 'zh-CN': '事件', 'en-US': 'Event' },
+      'demoId': 'picture-list',
+      'name': { 'zh-CN': '图片列表缩略图', 'en-US': 'Image List Thumbnail' },
       'desc': {
-        'zh-CN':
-          '<p><code>preview</code> 点击文件列表中已上传的文件时触发的事件。\n<code>remove</code> 文件列表移除文件时触发的事件。\n<code>error</code> 文件上传失败时触发的事件。\n<code>exceed</code> 文件超出个数限制时触发的事件。\n<code>progress</code> 文件上传时触发的事件。\n<code>change</code> 文件状态改变时触发的事件，添加文件、上传成功和上传失败时都会被触发。\n<code>success</code> 文件上传成功时触发的事件。</p>\n',
-        'en-US':
-          '<p><code>preview</code> Event triggered when an uploaded file is clicked in the file list. \n<code>remove</code>Event triggered when a file is removed from the file list. \n<code>error</code>Event triggered when a file fails to be uploaded. \n<code>exceed</code> Event triggered when the number of files exceeds the upper limit. \n<code>progress</code>Event triggered when a file is uploaded. \n<code>change</code>This event is triggered when the file status changes. It is triggered when a file is added, uploaded successfully, or uploaded unsuccessfully. \n<code>success</code> Event triggered when a file is successfully uploaded. </p>\n'
+        'zh-CN': '通过设置<code>list-type="picture"</code>实现图片列表缩略图显示。',
+        'en-US': 'By setting<code>list-type="picture"</code>, the thumbnail display of the image list can be achieved.'
       },
-      'codeFiles': ['upload-events.vue']
+      'codeFiles': ['picture-list.vue']
     },
     {
-      'demoId': 'upload-request1',
-      'name': { 'zh-CN': '支持发送 cookie 凭证信息', 'en-US': 'Cookie credential information can be sent.' },
+      'demoId': 'upload-events',
+      'name': { 'zh-CN': '事件', 'en-US': 'Event' },
       'desc': {
-        'zh-CN': "<p>可通过配置:with-credentials = 'true' 开启访问服务器携带 cookie，默认为 false 。</p>\n",
-        'en-US':
-          "<p>You can set with-credentials ='true' to enable the server to carry cookies. The default value is false. </p>\n"
+        'zh-CN': `通过<code>preview</code>监听文件点击事件；<br/> <code>remove</code>监听文件移除事件；<br/> <code>error</code>监听文件上传失败事件；<br/>
+          <code>exceed</code>监听文件超出个数限制事件；<br/> <code>progress</code>监听文件上传过程事件；<br/> <code>change</code>监听文件改变事件（文件改变涵盖文件添加、上传成功和上传失败）；<br/>
+          <code>success</code>监听文件上传成功事件；<br/> <code>hash-progress</code>监听文件上传生成hash值事件。`,
+        'en-US': `Listen for file click events through<code>preview</code>; <br /><code>remove</code>Listen for file removal events; <br /><code>error</code>Listen for file upload failure events;<br />
+        <code>exceeded</code>Listen for events where the number of files exceeds the limit; <br/><code>progress</code>Listen for file upload process events;<br/> <code>change</code>Listen for file change events (file changes include file addition, successful upload, and failed upload);<br />
+        <code>success</code>Listen for file upload success events;<br/> <code>hash-progress</code>Listen for file upload to generate hash value events.`
       },
-      'codeFiles': ['upload-request.vue']
+      'codeFiles': ['upload-events.vue']
     },
     {
       'demoId': 'clear-files',
-      'name': { 'zh-CN': '手动清空已上传文件列表', 'en-US': 'Manually clear the list of uploaded files.' },
+      'name': { 'zh-CN': '手动清空列表', 'en-US': 'Manually clear the list' },
       'desc': {
-        'zh-CN': '<p>调用组件clearFiles方法，清空已上传的文件列表（该方法不支持在 before-upload 中调用）</p>\n',
+        'zh-CN':
+          '通过<code>clearFiles</code>实例方法实现清空已上传的文件列表（注意：该方法不支持在<code>before-upload</code> 中调用）。',
         'en-US':
-          '<p>Invoke the clearFiles method of the component to clear the list of uploaded files. (This method cannot be invoked in before-upload.) </p>\n'
+          'Clear the list of uploaded files through the<code>clearFiles</code>instance method (note: this method does not support calling in<code>before-upload</code>).'
       },
       'codeFiles': ['clear-files.vue']
     },
@@ -248,41 +233,47 @@ export default {
       'demoId': 'abort-quest',
       'name': { 'zh-CN': '手动取消上传请求', 'en-US': 'Manually cancel the upload request' },
       'desc': {
-        'zh-CN': '<p>调用组件abort方法，取消上传请求</p>\n',
-        'en-US': '<p>Invoke the abort method of the component to cancel the upload request</p>\n'
+        'zh-CN': '通过<code>abort</code>实例方法取消上传请求。',
+        'en-US': 'Cancel the upload request through the<code>abort</code>instance method.'
       },
       'codeFiles': ['abort-quest.vue']
     },
     {
       'demoId': 'custom-upload-tip',
-      'name': { 'zh-CN': '自定义上传提示', 'en-US': 'Customized Upload Prompt' },
+      'name': { 'zh-CN': '定义上传提示', 'en-US': 'Customized Upload Prompt' },
       'desc': {
-        'zh-CN': '<p>可通过 tip 插槽来自定义上传提示</p>\n',
-        'en-US': '<p>You can customize the upload prompt through the tip slot</p>\n'
+        'zh-CN':
+          '通过<code>tip</code>插槽自定义上传提示，<code>re-uploadable</code>启用重新上传功能，<code>re-upload-tip</code>自定义重新上传提示的左侧文字。',
+        'en-US':
+          'Customize the upload prompt through the<code>tip</code>slot, <code>re-uploadable</code>enable the re upload function, and <code>re-upload-tip</code>customize the left text of the re upload prompt.'
       },
       'codeFiles': ['custom-upload-tip.vue']
     },
     {
-      'demoId': 'custom-trigger',
-      'name': { 'zh-CN': '自定义触发文件选项框', 'en-US': 'Customized trigger file option box' },
+      'demoId': 'form-validation',
+      'name': { 'zh-CN': '表单校验', 'en-US': 'Form verification' },
       'desc': {
-        'zh-CN': '<p>可在组件中写一个名为trigger的插槽，来触发弹出文件选项框</p>\n',
-        'en-US': '<p>You can write a slot named trigger in the component to trigger the pop-up file selection box</p>\n'
+        'zh-CN': '通过<code>form</code>表单结合，实现表单校验。',
+        'en-US': 'By combining<code>form</code>forms, form validation is achieved.'
       },
-      'codeFiles': ['custom-trigger.vue']
+      'codeFiles': ['form-validation.vue']
     },
     {
       'demoId': 'upload-user-head',
       'name': { 'zh-CN': '用户头像上传', 'en-US': 'User avatar upload' },
-      'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
+      'desc': {
+        'zh-CN': '通过<code>URL.createobjectURL</code>创建出文件的URL对象，用来展示头像。',
+        'en-US': 'Create a URL object for the file through<code>URL.createobjectURL</code>to display the avatar.'
+      },
       'codeFiles': ['upload-user-head.vue']
     },
     {
       'demoId': 'image-size',
-      'name': { 'zh-CN': '获取上传的片的原始尺寸', 'en-US': 'Obtain the original size of the uploaded video.' },
+      'name': { 'zh-CN': '获取图片的原始尺寸', 'en-US': 'Obtain the original size of the image' },
       'desc': {
-        'zh-CN': '<p>\n获取上传的片的原始尺寸</p>\n',
-        'en-US': '<p>\nObtain the original size of the uploaded video</p>\n'
+        'zh-CN': '通过<code>FileReader.readAsDataURL()</code>读取文件中的内容，获取图片的原始尺寸。',
+        'en-US':
+          'Read the content of the file through<code>FileReader. readAsDataURL()</code>to obtain the original size of the image.'
       },
       'codeFiles': ['image-size.vue']
     }
@@ -291,45 +282,61 @@ export default {
     {
       'name': 'file-upload',
       'type': 'component',
-      'properties': [
+      'props': [
+        {
+          'name': 'accept',
+          'type': 'string',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '限制文件类型（thumbnail-mode 模式下此参数无效）',
+            'en-US': 'Restrict the types of files. This parameter is invalid in thumbnail-mode mode'
+          },
+          'demoId': 'accept-file-image'
+        },
         {
           'name': 'action',
           'type': 'string',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '上传的地址，当不配置 action 时，会生成默认网关链接',
-            'en-US': 'Upload URL. If no action is configured, the default gateway link is generated.'
+            'zh-CN': '上传的地址，必填参数',
+            'en-US': 'The address for uploading files, required parameter'
           },
           'demoId': 'basic-usage'
         },
         {
-          'name': 'open-download-file',
+          'name': 'auto-upload',
           'type': 'boolean',
-          'defaultValue': '',
+          'defaultValue': 'true',
           'desc': {
-            'zh-CN': '是否开启点击下载文件，默认不开启 false',
-            'en-US': 'Whether to enable file download by clicking. By default, this function is disabled.'
+            'zh-CN': '是否在选取文件后立即进行上传',
+            'en-US': 'Whether to upload a file immediately after it is selected'
           },
-          'demoId': 'upload-file-list'
+          'demoId': 'manual-upload'
         },
         {
-          'name': 'headers',
-          'type': 'object',
+          'name': 'before-remove',
+          'type': '(file: File, fileList: File[]) => boolean | Promise',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
             'zh-CN':
-              "设置上传的请求头部;可通过配置 headers 为头部请求信息, 例如 ①:headers='headers' ②headers:{'Accept-Language': 'en,zh',Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}",
+              '删除文件前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除',
             'en-US':
-              "Set the upload request header. You can set headers to the header request information, for example, 1:headers='headers'2headers:{'Accept-Language':'en,zh', Authorization:' Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}"
+              'Hook before deleting files. The parameters are the uploaded files and file list. If false is returned or Promise is returned and rejected, the deletion stops'
           },
-          'demoId': 'custom-upload-request'
+          'demoId': 'prevent-delete-file'
         },
         {
-          'name': 'multiple',
-          'type': 'boolean',
+          'name': 'before-upload',
+          'type': '(file: File) => boolean | Promise',
+          'typeAnchorName': 'File',
           'defaultValue': '',
-          'desc': { 'zh-CN': '是否支持多选文件', 'en-US': 'Specifies whether multiple files can be selected.' },
-          'demoId': 'multiple-file'
+          'desc': {
+            'zh-CN': '上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传',
+            'en-US':
+              'Hook before uploading a file. The parameter is the file to be uploaded. If false is returned or Promise is returned and rejected, the upload stops'
+          },
+          'demoId': 'prevent-upload-file'
         },
         {
           'name': 'data',
@@ -339,111 +346,44 @@ export default {
           'demoId': 'basic-usage'
         },
         {
-          'name': 'name',
-          'type': 'string',
-          'defaultValue': '该属性的默认值为 file',
-          'desc': { 'zh-CN': '上传的文件字段名', 'en-US': 'Field name of the uploaded file' },
-          'demoId': 'upload-file-list'
-        },
-        {
-          'name': 'with-credentials',
-          'type': 'boolean',
-          'defaultValue': '该属性的默认值为 false',
-          'desc': { 'zh-CN': '支持发送 cookie 凭证信息', 'en-US': 'Cookie credential information can be sent.' },
-          'demoId': 'upload-request1'
-        },
-        {
-          'name': 'show-file-list',
+          'name': 'disabled',
           'type': 'boolean',
-          'defaultValue': '该属性的默认值为 true',
-          'desc': { 'zh-CN': '是否显示已上传文件列表', 'en-US': 'Whether to display the list of uploaded files' },
-          'demoId': 'upload-file-list'
+          'defaultValue': 'false',
+          'desc': { 'zh-CN': '是否禁用', 'en-US': 'Is it disabled' },
+          'demoId': 'disabled'
         },
         {
           'name': 'drag',
           'type': 'boolean',
-          'defaultValue': '该属性的默认值为 false',
+          'defaultValue': 'false',
           'desc': { 'zh-CN': '是否启用拖拽上传', 'en-US': 'Whether to enable drag-and-drop upload' },
           'demoId': 'drag-upload'
         },
         {
-          'name': 'accept',
-          'type': 'string',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN': '接受上传的文件类型（thumbnail-mode 模式下此参数无效）',
-            'en-US': 'File type to be uploaded. This parameter is invalid in thumbnail-mode mode.'
-          },
-          'demoId': 'accept-file-image'
-        },
-        {
-          'name': 'before-upload',
-          'type': 'Function(file)',
+          'name': 'file-list',
+          'type': 'array',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。',
-            'en-US':
-              'Hook before uploading a file. The parameter is the file to be uploaded. If false is returned or Promise is returned and rejected, the upload stops.'
-          },
-          'demoId': 'prevent-upload-file'
-        },
-        {
-          'name': 'list-type',
-          'type': 'string',
-          'defaultValue': '该属性的默认值为 text',
-          'desc': {
-            'zh-CN': '文件列表的类型;该属性的可选值为 text / picture / picture-card / thumb',
-            'en-US': 'File list type; The optional values of this attribute are text / picture / picture-card / thumb'
+            'zh-CN': "上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}]",
+            'en-US': "List of uploaded files, for example, [{name:'food.jpg', url:' https://xxx.cdn.com/xxx.jpg '}]"
           },
-          'demoId': 'picture-card'
+          'demoId': 'upload-file-list'
         },
         {
-          'name': 'thumb-option',
+          'name': 'headers',
           'type': 'object',
           'defaultValue': '',
           'desc': {
             'zh-CN':
-              '文件列表的显示类型为 thumb 时，相关配置;popperClass 弹窗列表自定义类名;width 弹窗宽度，默认270,number类型;showDownload 是否显示下载按钮,布尔值默认为false;showDel 是否显示删除按钮,布尔值默认为false;downloadFile 点击下载按钮执行函数,开启 EDM 模式配置必要的token后即可下载，可省略该配置;show-tooltip 文件名超出隐藏显示时是否启用tip,默认值为false;列表结果前 icon,默认为 icon-attachment',
+              "设置上传的请求头部;通过设置 headers 为头部请求信息, 例如 ①:headers='headers' ②headers:{'Accept-Language': 'en,zh',Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}",
             'en-US':
-              'Configure the file list when the display type is thumb. popperClass pop-up window list custom class name; width: width of the pop-up window. The default value is 270. The value is of the number type. ShowDownload indicates whether to display the download button. The default boolean value is false. ShowDel indicates whether to display the delete button. The default boolean value is false. DownloadFile: Click the download button to execute the function. Enable the EDM mode and configure the necessary token. This configuration can be omitted. show-tooltip: Indicates whether to enable tip when the file name exceeds the hidden value. The default value is false. The icon before the list result. The default value is icon-attachment'
-          },
-          'demoId': 'upload-file-list-thumb'
-        },
-        {
-          'name': 'before-remove',
-          'type': 'Function(file, fileList)',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN':
-              '删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除',
-            'en-US':
-              'Hook before deleting files. The parameters are the uploaded files and file list. If false is returned or Promise is returned and rejected, the deletion stops.'
-          },
-          'demoId': 'prevent-delete-file'
-        },
-        {
-          'name': 'auto-upload',
-          'type': 'boolean',
-          'defaultValue': '该属性的默认值为 true',
-          'desc': {
-            'zh-CN': '是否在选取文件后立即进行上传',
-            'en-US': 'Whether to upload a file immediately after it is selected'
-          },
-          'demoId': 'manual-upload'
-        },
-        {
-          'name': 'file-list',
-          'type': 'Array',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN': "上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}]",
-            'en-US': "List of uploaded files, for example, [{name:'food.jpg', url:' https://xxx.cdn.com/xxx.jpg '}]"
+              "Set the upload request header. You can set headers to the header request information, for example, 1:headers='headers'2headers:{'Accept-Language':'en,zh', Authorization:' Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}"
           },
-          'demoId': 'accept-file-image'
+          'demoId': 'upload-request'
         },
         {
           'name': 'http-request',
-          'type': 'Function',
+          'type': '() => void',
           'defaultValue': '',
           'desc': {
             'zh-CN':
@@ -454,267 +394,250 @@ export default {
           'demoId': 'http-request'
         },
         {
-          'name': 'disabled',
+          'name': 'is-hidden',
           'type': 'boolean',
-          'defaultValue': '该属性的默认值为 false',
-          'desc': { 'zh-CN': '是否禁用', 'en-US': 'Disable' },
-          'demoId': ''
+          'defaultValue': 'false',
+          'desc': {
+            'zh-CN': '达到最大上传个数时，是否隐藏上传按钮，默认不隐藏',
+            'en-US':
+              'Whether to hide the upload button when the number of uploaded files reaches the maximum. By default, the button is not hidden'
+          },
+          'demoId': 'max-file-count'
         },
         {
           'name': 'limit',
           'type': 'number',
           'defaultValue': '',
           'desc': { 'zh-CN': '最大允许上传个数', 'en-US': 'Maximum number of files that can be uploaded' },
-          'demoId': 'upload-limit'
+          'demoId': 'max-file-count'
         },
         {
-          'name': 'is-hidden',
-          'type': 'boolean',
-          'defaultValue': 'false',
+          'name': 'list-type',
+          'type': 'string',
+          'defaultValue': 'text',
           'desc': {
-            'zh-CN': '达到最大上传个数时，是否隐藏上传按钮，默认不隐藏',
-            'en-US':
-              'Whether to hide the upload button when the number of uploaded files reaches the maximum. By default, the button is not hidden.'
+            'zh-CN': '文件列表的类型;该属性的可选值为 text / picture / picture-card / thumb',
+            'en-US': 'File list type; The optional values of this attribute are text / picture / picture-card / thumb'
           },
-          'demoId': 'upload-limit'
+          'demoId': 'picture-card'
         },
         {
-          'name': 'edm',
-          'type': 'object',
-          'defaultValue': '',
+          'name': 'max-name-length',
+          'type': 'number',
+          'defaultValue': '20',
           'desc': {
-            'zh-CN': '使用 EDM 的上传下载预览功能，可在该对象里边配置上传、下载、预览功能的参数',
+            'zh-CN': '列表项的文件名最大字符数，默认超出20个字符隐藏',
             'en-US':
-              'To use the upload, download, and preview functions of the EDM, you can configure the upload, download, and preview parameters in the object.'
+              'The maximum number of characters in the file name of a list item, which is hidden if it exceeds 20 characters by default'
           },
-          'demoId': ''
+          'demoId': 'paste-upload'
         },
         {
-          'name': 'token',
-          'type': 'Function',
-          'defaultValue': '',
+          'name': 'merge-service',
+          'type': 'boolean',
+          'defaultValue': 'false',
           'desc': {
-            'zh-CN': '使用 EDM 上传下载预览所需的token,返回值为 Promise',
-            'en-US': 'Token required for uploading, downloading, and previewing using EDM. The return value is Promise.'
+            'zh-CN': '配置 merge-service 为true 且开启多文件上传走默认服务会将多个上传服务合并为一个服务上传',
+            'en-US':
+              'If merge-service is set to true and multiple files are uploaded using the default service, multiple upload services are combined into one service'
           },
           'demoId': ''
         },
         {
-          'name': 'isFolder',
+          'name': 'multiple',
           'type': 'boolean',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN':
-              '配置为 true,启用 EDM 上传文件夹的功能，最多只能上传 5 层;{edm:upload:{plugin:sha256,isFolder:true,token:()=>{}}}',
-            'en-US':
-              'If this parameter is set to true, the function of uploading folders is enabled. A maximum of five folders can be uploaded. {edm:upload:{plugin:sha256,isFolder:true,token:()=>{}}}'
-          },
-          'demoId': 'edm-folder-upload'
+          'defaultValue': 'false',
+          'desc': { 'zh-CN': '是否支持多选文件', 'en-US': 'Specifies whether multiple files can be selected' },
+          'demoId': 'multiple-file'
         },
         {
-          'name': 'fileSize',
-          'type': 'number | Array',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN':
-              '限制文件大,小单位为 KB;启用 EDM 上传时设置有效;当为 number 类型时，小于该值停止上传;为数组时[min,max] 设置上传范围,值为 number 类型；最大值不能超过 2G;设置为数组时最大值将与 EDM 服务侧设置的值做对比，取最小值',
-            'en-US':
-              'Restrict the file size. The unit is KB. This parameter is valid when EDM upload is enabled. When the value is of the number type, the upload stops if the value is less than the value of this parameter. When the value is an array, [min,max] sets the upload range. The value is of the number type. The maximum value cannot exceed 2 GB. When this parameter is set to an array, the maximum value is compared with the value set on the EDM server and the minimum value is used.'
-          },
-          'demoId': ''
+          'name': 'name',
+          'type': 'string',
+          'defaultValue': 'file',
+          'desc': { 'zh-CN': '上传的文件字段名', 'en-US': 'Field name of the uploaded file' },
+          'demoId': 'upload-file-list-slot'
         },
         {
-          'name': 'packageToken',
-          'type': 'Function',
-          'defaultValue': '',
+          'name': 'open-download-file',
+          'type': 'boolean',
+          'defaultValue': 'false',
           'desc': {
-            'zh-CN': '配置 EDM 批量打包下载的 token；配置结构为 edm:{download:packageToken:()=>{}},返回一个 Promise',
-            'en-US':
-              'Configure the token for EDM batch packaging and downloading. The configuration structure is edm:{download:packageToken:()=>{}} and a Promise is returned'
+            'zh-CN': '是否开启点击下载文件，默认不开启',
+            'en-US': 'Whether to enable file download by clicking. By default, this function is disabled'
           },
-          'demoId': ''
+          'demoId': 'upload-file-list'
         },
         {
-          'name': 'upload',
-          'type': 'object',
-          'defaultValue': '',
+          'name': 'paste-upload',
+          'type': 'boolean',
+          'defaultValue': 'false',
           'desc': {
-            'zh-CN':
-              '配置 EDM 上传功能所需的参数,例如：edm:{upload:{plugin:sha256,token:()=>{}}},plugin 为第三方依赖可生成文档内容校验 hash 值，token为鉴权token，类型为Function,返回 Promise',
-            'en-US':
-              'Parameters required for configuring the EDM upload function. For example, edm:{upload:{plugin:sha256,token:()=>{}}},plugin indicates the hash value for verifying the document content generated by the third-party dependency, token indicates the authentication token, and the type is Function. Promise is returned.'
+            'zh-CN': '是否启用粘贴键快捷上传功能【3.11.0版本新增】',
+            'en-US': 'Is the paste key quick upload function enabled [New in version 3.11.0]'
           },
-          'demoId': ''
+          'demoId': 'paste-upload'
         },
         {
-          'name': 'download',
-          'type': 'object',
-          'defaultValue': '',
+          'name': 're-uploadable',
+          'type': 'boolean',
+          'defaultValue': 'false',
           'desc': {
-            'zh-CN': '配置 EDM 下载功能所需的参数,例如：edm:{download:{token:()=>{}}},token为鉴权token',
-            'en-US':
-              'Configure the parameters required for the EDM download function. For example, edm:{download:{token:()=>{}}},token is the authentication token.'
+            'zh-CN': '是否启用重新上传功能【3.12.0版本新增】',
+            'en-US': 'Is the re upload function enabled [New in version 3.12.0]'
           },
-          'demoId': ''
+          'demoId': 'custom-upload-tip'
         },
         {
-          'name': 'preivew',
-          'type': 'object',
+          'name': 're-upload-tip',
+          'type': '(count: number) => string',
           'defaultValue': '',
           'desc': {
-            'zh-CN':
-              "配置 EDM 预览功能所需的参数,例如：edm:{preview:{plugin：util.default,previewUrl:./_index.html?appid=应用Id,packageName: 'jslib',token:()=>{}}}",
+            'zh-CN': '自定义重新上传的左侧提示文字，需要与re-uploadable搭配使用【3.12.0版本新增】',
             'en-US':
-              "Parameters required for configuring the EDM preview function, for example, edm:{preview:{plugin: util.default,previewUrl:./_index.html?appid= application ID,packageName:'jslib',token:()=>{}}}"
+              'Customize the left prompt for re uploading, which needs to be used in conjunction with re uploadable [added in version 3.12.0]'
           },
-          'demoId': ''
+          'demoId': 'custom-upload-tip'
         },
         {
-          'name': 'mergeService',
+          'name': 'show-file-list',
           'type': 'boolean',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN': '配置 mergeService 为true 且开启多文件上传走默认服务会将多个上传服务合并为一个服务上传',
-            'en-US':
-              'If mergeService is set to true and multiple files are uploaded using the default service, multiple upload services are combined into one service.'
-          },
-          'demoId': ''
+          'defaultValue': 'true',
+          'desc': { 'zh-CN': '是否显示已上传文件列表', 'en-US': 'Whether to display the list of uploaded files' },
+          'demoId': 'upload-file-list'
         },
         {
-          'name': 'updateId',
-          'type': 'string',
+          'name': 'thumb-option',
+          'type': 'IThumbOption',
+          'typeAnchorName': 'IThumbOption',
           'defaultValue': '',
-          'desc': { 'zh-CN': 'EDM 需要更新文档的 docId', 'en-US': 'DocId of the document to be updated on the EDM' },
-          'demoId': ''
+          'desc': {
+            'zh-CN': '文件列表的显示类型为 thumb 时的相关配置',
+            'en-US': 'Related configurations when the display type of the file list is thumb'
+          },
+          'demoId': 'upload-file-list-thumb'
         },
         {
-          'name': 'max-name-length',
-          'type': 'number',
-          'defaultValue': '',
-          'desc': { 'zh-CN': '文件名最大的显示长度', 'en-US': 'Maximum length of a file name' },
-          'demoId': ''
+          'name': 'with-credentials',
+          'type': 'boolean',
+          'defaultValue': 'false',
+          'desc': { 'zh-CN': '支持发送 cookie 凭证信息', 'en-US': 'Cookie credential information can be sent' },
+          'demoId': 'upload-request'
         }
       ],
       'events': [
         {
-          'name': 'drop-error',
-          'type': 'Function(arg1)',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN':
-              '拖拽文件失败时触发的事件，开启拖拽时有效。;dropError(arg1){\n// arg1 上传失败文件信息\n {name: 上传文件名,\npercentage: 上传进度百分比,\nraw: 文件信息,\nsize: 文件大小,\nstatus: 上传状态,\nuid: uid} \n// do something you want... }',
-            'en-US':
-              'This event is triggered when a file fails to be dragged. This event is valid only when the drag function is enabled. ; dropError(arg1){\n// arg1 Information about the file that fails to be uploaded.\n {name: name of the file to be uploaded, \npercentage: percentage of the upload progress, \nraw: file information, \nsize: file size, \nstatus: upload status, \nuid: uid} \n// do something you want...}'
-          },
-          'demoId': 'drag-upload'
-        },
-        {
-          'name': 'preview',
-          'type': 'Function(arg1)',
+          'name': 'change',
+          'type': '(file: File, fileList: File[]) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
-            'zh-CN':
-              '点击文件列表中已上传的文件时触发的事件;preview(arg1){\n arg1 = {name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小,status: 上传状态,uid: uid}}',
+            'zh-CN': '文件状态改变时触发的事件，添加文件、上传成功和上传失败时都会被触发',
             'en-US':
-              'Event triggered when an uploaded file is clicked in the file list. preview(arg1){\n arg1 = {name: Upload file name, percentage: upload progress percentage, raw: file information, size: file size, status: upload status, uid: uid}}'
+              'The event triggered when the file status changes, including adding a file, successfully uploading, and failing to upload, will be triggered'
           },
           'demoId': 'upload-events'
         },
         {
-          'name': 'remove',
-          'type': 'Function(arg1)',
+          'name': 'drop-error',
+          'type': '(file: File) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
-            'zh-CN':
-              '从文件列表移除文件时触发的事件;onRomove(arg1){\n //arg1当前移除的文件信息：\n{name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小,status: 上传状态,uid: uid }\n// do something you want...}',
+            'zh-CN': '拖拽文件失败时触发的事件，开启拖拽时有效；// file 为上传失败文件信息',
             'en-US':
-              'Event triggered when a file is removed from the file list; onRomove(arg1){\n //arg1 Information about the file to be removed:\n{name: name of the file to be uploaded, percentage: percentage of the upload progress, raw: file information, size: file size, status: upload status, uid: uid}\n// do something you want...}'
+              'Event triggered when dragging a file fails, effective when dragging is enabled// File is the information of the failed upload file'
           },
-          'demoId': 'upload-events'
+          'demoId': 'drag-upload'
         },
         {
           'name': 'error',
-          'type': 'Function(arg1,arg2,arg3)',
+          'type': '(message: ProgressEvent, file: File, fileList: File[]) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
             'zh-CN':
-              '文件上传失败时触发的事件;onError(arg1,arg2, arg3 ){\n arg1 = 错误信息\n arg2 = {name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小,status: 上传状态,uid: uid } arg2为当前上传失败文件信息// arg3 = []  数组类型Array 上传成功file数组// do something you want...}',
+              '文件上传失败时触发的事件；// message 为错误信息事件对象，file 为当前上传失败文件信息，fileList为上传成功file数组',
             'en-US':
-              'Event triggered when a file fails to be uploaded; onError(arg1, arg2, arg3){\n arg1 = error information\n arg2 = {name: upload file name, percentage: upload progress percentage, raw: file information, size: file size, status: upload status, uid: uid} arg2 is the information about the file that fails to be uploaded. // arg3 = [] Array type Array file array that is successfully uploaded. // do something you want...}'
+              'Event triggered when file upload fails// Message is the error message event object, file is the current upload failure file information, and fileList is the upload success file array'
           },
           'demoId': 'upload-events'
         },
         {
           'name': 'exceed',
-          'type': '',
+          'type': '(files: File | File[], fileList: File[]) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '文件超出个数限制时触发的事件',
-            'en-US': 'This event is triggered when the number of files exceeds the upper limit.'
+            'zh-CN': '文件超出个数限制时触发的事件；// files 为上传的文件',
+            'en-US': 'Event triggered when the number of files exceeds the limit// Files are uploaded files'
           },
           'demoId': 'upload-events'
         },
         {
           'name': 'hash-progress',
-          'type': 'Function(arg1)',
+          'type': '(arg: number) => void',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '文件上传生成hash值触发的事件',
-            'en-US': 'This event is triggered when the hash value is generated during file upload.'
+            'zh-CN': '文件上传生成hash值触发的事件；// arg为生成的进度值',
+            'en-US': 'Event triggered by file upload to generate hash value// Arg is the generated progress value'
           },
           'demoId': 'upload-events'
         },
         {
-          'name': 'download',
-          'type': 'Function(arg1, arg2)',
+          'name': 'preview',
+          'type': '(file: File) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
-          'desc': { 'zh-CN': '文件下载时触发的事件', 'en-US': 'File download event' },
-          'demoId': ''
+          'desc': {
+            'zh-CN': '点击文件列表中已上传的文件时触发的事件',
+            'en-US': 'Event triggered when clicking on an uploaded file in the file list'
+          },
+          'demoId': 'upload-events'
         },
         {
           'name': 'progress',
-          'type': 'Function(arg1,arg2)',
+          'type': '(message: ProgressEvent, file: File) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
-            'zh-CN':
-              '文件上传时触发的事件;progress(arg1,arg2){\narg1 =  event 对象   当前event对象\n arg2 = {name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小, status: 上传状态,uid: uid }  arg2为上传的文件信息\n// do something you want...}',
-            'en-US':
-              'Event triggered when a file is uploaded; progress(arg1, arg2){\narg1 = event object current event object\n arg2 = {name: upload file name, percentage: upload progress percentage, raw: file information, size: file size, status: upload status, uid: uid} arg2 is the information about the uploaded file.\n// do something you want...}'
+            'zh-CN': '文件上传时触发的事件；// message 为进度条事件对象',
+            'en-US': 'Event triggered during file upload// Message is the progress bar event object'
           },
           'demoId': 'upload-events'
         },
         {
-          'name': 'change',
-          'type': 'Function(file, fileList)',
+          'name': 'remove',
+          'type': '(file: File) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
-            'zh-CN':
-              '文件状态改变时触发的事件，添加文件、上传成功和上传失败时都会被触发;change(file, fileList)\n//file 当前上传成功文件信息 \n {name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小,status: 上传状态,uid: uid } \n// fileList: 数组类型Array 上传成功file数\n}',
+            'zh-CN': '从文件列表移除文件时触发的事件；// file 为当前移除的文件信息',
             'en-US':
-              'The event is triggered when the file status changes. The event is triggered when a file is added, uploaded successfully, or uploaded unsuccessfully. change(file, fileList)\n//file Information about the file that is successfully uploaded.\n {name: file name, percentage: upload progress percentage, raw: file information, size: file size, status: upload status, uid: uid} \n// fileList: array type: number of files that are successfully uploaded.\n}'
+              'Event triggered when removing a file from the file list// File is the information of the currently removed file'
           },
           'demoId': 'upload-events'
         },
         {
           'name': 'success',
-          'type': 'Function(arg1,arg2,arg3)',
+          'type': '(res: ProgressEvent, file: File, fileList: File[]) => void',
+          'typeAnchorName': 'File',
           'defaultValue': '',
           'desc': {
             'zh-CN':
-              '文件上传成功时触发的事件;success(arg1,arg2,arg3){// arg1 = res  arg1为上传成功后的响应信息// arg2 = {name: 上传文件名,percentage: 上传进度百分比,raw: 文件信息,size: 文件大小,status: 上传状态,uid: uid}    arg2为当前上传的文件//  arg3 = [ ] arg3为所有上传文件数组// do something you want...}',
+              '文件上传成功时触发的事件；// res 为上传成功后的响应信息事件对象，file 为当前上传的文件，fileList 为所有上传文件数组',
             'en-US':
-              'Event triggered when a file is successfully uploaded; success(arg1, arg2, arg3){// arg1 = res arg1 indicates the response information after the upload is successful. // arg2 = {name: upload file name, percentage: upload progress percentage, raw: file information, size: file size, status: upload status, uid: uid} arg2 is the currently uploaded file // arg3 = [] arg3 is the array of all uploaded files // do something you want...}'
+              'Event triggered when the file is successfully uploaded// Res is the response information event object after successful upload, file is the current uploaded file, and fileList is an array of all uploaded files'
           },
           'demoId': 'upload-events'
         }
       ],
       'slots': [
         {
-          'name': 'trigger',
+          'name': 'file',
           'type': '',
           'defaultValue': '',
-          'desc': { 'zh-CN': '触发文件选择框的内容', 'en-US': 'Content of the triggering file selection box' },
-          'demoId': 'custom-trigger'
+          'desc': { 'zh-CN': '定义文件显示内容', 'en-US': 'Custom File Display Content' },
+          'demoId': 'upload-file-list-slot'
         },
         {
           'name': 'tip',
@@ -724,70 +647,70 @@ export default {
           'demoId': 'custom-upload-tip'
         },
         {
-          'name': 'file',
+          'name': 'trigger',
           'type': '',
           'defaultValue': '',
-          'desc': { 'zh-CN': '自定义文件显示内容', 'en-US': 'Custom File Display Content' },
-          'demoId': 'upload-file-list-slot'
+          'desc': { 'zh-CN': '触发文件选择框的内容', 'en-US': 'Content of the triggering file selection box' },
+          'demoId': 'custom-trigger'
         }
       ],
       'methods': [
-        {
-          'name': 'clearFiles',
-          'type': '',
-          'defaultValue': '',
-          'desc': {
-            'zh-CN': '清空已上传的文件列表（该方法不支持在 before-upload 中调用）',
-            'en-US': 'Clear the list of uploaded files. (This method cannot be invoked in before-upload.)'
-          },
-          'demoId': 'clear-files'
-        },
         {
           'name': 'abort',
-          'type': '',
+          'type': '() => void',
           'defaultValue': '',
           'desc': { 'zh-CN': '取消上传请求', 'en-US': 'Cancel the upload request' },
           'demoId': 'abort-quest'
         },
         {
-          'name': 'submit',
-          'type': '',
-          'defaultValue': '',
-          'desc': { 'zh-CN': '手动上传文件列表', 'en-US': 'List of manually uploaded files' },
-          'demoId': 'manual-upload'
-        },
-        {
-          'name': 'downloadFile',
-          'type': '',
-          'defaultValue': '',
-          'desc': { 'zh-CN': '下载 EDM 文件', 'en-US': 'Downloading an EDM File' },
-          'demoId': ''
-        },
-        {
-          'name': 'previewFile',
-          'type': '',
-          'defaultValue': '',
-          'desc': { 'zh-CN': '预览 EDM 文件', 'en-US': 'Previewing an EDM File' },
-          'demoId': ''
-        },
-        {
-          'name': 'getNewTabPreviewUrl',
-          'type': '',
+          'name': 'clearFiles',
+          'type': '() => void',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '预览 EDM 文件预览的 Url，返回值为 Promise',
-            'en-US': 'URL for previewing the EDM file. The return value is Promise.'
+            'zh-CN': '清空已上传的文件列表（该方法不支持在 before-upload 中调用）',
+            'en-US': 'Clear the list of uploaded files. (This method cannot be invoked in before-upload)'
           },
-          'demoId': ''
+          'demoId': 'clear-files'
         },
         {
-          'name': 'handleRemove',
-          'type': '',
+          'name': 'submit',
+          'type': '() => void',
           'defaultValue': '',
-          'desc': { 'zh-CN': '手动移除 EDM 文件', 'en-US': 'Manually remove EDM file' },
-          'demoId': ''
+          'desc': { 'zh-CN': '手动上传文件列表', 'en-US': 'List of manually uploaded files' },
+          'demoId': 'manual-upload'
         }
       ]
     }
+  ],
+  types: [
+    {
+      name: 'IThumbOption',
+      type: 'interface',
+      code: `
+interface IThumbOption {
+  width: number // 弹窗宽度，默认270
+  showDownload: boolean // 是否显示下载按钮，默认false
+  showDel: boolean // 是否显示删除按钮，布尔false
+  showTooltip: boolean // 文件名超出隐藏显示时是否启用tip，默认false
+  popperClass: string // 弹窗列表自定义类名
+  downloadFile: (file) => void // 点击下载按钮执行函数
+  icon: string | Component // 列表结果前 icon ，默认为 'icon-attachment'
+}
+      `
+    },
+    {
+      name: 'File',
+      type: 'interface',
+      code: `
+interface file {
+  name: string // 上传文件名
+  percentage: string // 上传进度百分比
+  raw: object // 文件信息
+  size: number // 文件大小
+  status: string // 上传状态
+  uid: string // uid 
+}
+      `
+    }
   ]
 }