浏览代码

feat(uploader): delete 事件增加文件下标字段

richard1015 3 年之前
父节点
当前提交
224801107e

+ 4 - 3
src/packages/__VUE/uploader/demo.vue

@@ -3,7 +3,8 @@
     <h2>基础用法</h2>
     <nut-uploader :url="uploadUrl"></nut-uploader>
     <h2>上传状态</h2>
-    <nut-uploader :url="uploadUrl" v-model:file-list="defaultFileList" maximum="3" multiple></nut-uploader>
+    <nut-uploader :url="uploadUrl" v-model:file-list="defaultFileList" @delete="onDelete" maximum="3" multiple>
+    </nut-uploader>
     <h2>基础用法-上传列表展示</h2>
     <nut-uploader :url="uploadUrl" v-model:file-list="defaultFileList" maximum="10" multiple list-type="list">
       <nut-button type="success" size="small">上传文件</nut-button>
@@ -97,8 +98,8 @@ export default createDemo({
     const onOversize = (files: File[]) => {
       console.log('oversize 触发 文件大小不能超过 50kb', files);
     };
-    const onDelete = (file: FileItem, fileList: FileItem[]) => {
-      console.log('delete 事件触发', file, fileList);
+    const onDelete = (obj: any) => {
+      console.log('delete 事件触发', obj);
     };
     const onProgress = ({ event, options, percentage }: any) => {
       progressPercentage.value = percentage;

+ 1 - 1
src/packages/__VUE/uploader/doc.md

@@ -370,7 +370,7 @@ export default {
 | success         | 上传成功               | {responseText,option,fileItem} |
 | failure         | 上传失败               | {responseText,option,fileItem} |
 | change          | 上传文件改变时的状态   | {fileList,event}               |
-| delete          | 文件删除之前的状态     | {files,fileList}               |
+| delete          | 文件删除事件     | {files,fileList,index}               |
 | file-item-click | 文件上传成功后点击触发 | {fileItem}                     |
 
 ### Methods

+ 3 - 3
src/packages/__VUE/uploader/doc.taro.md

@@ -141,8 +141,8 @@ setup() {
   const onOversize = (files: File[]) => {
     console.log('oversize 触发 文件大小不能超过 50kb', files);
   };
-  const onDelete = (file: FileItem, fileList: FileItem[]) => {
-    console.log('delete 事件触发', file, fileList);
+  const onDelete = (obj: any) => {
+    console.log('delete 事件触发', obj);
   };
   const onProgress = ({ event, options, percentage }: any) => {
     progressPercentage.value = percentage;
@@ -214,7 +214,7 @@ setup() {
 | success         | 上传成功               | {data,option,fileItem}    |
 | failure         | 上传失败               | {data,option,fileItem}    |
 | change          | 上传文件改变时的状态   | {fileList,event}          |
-| delete          | 文件删除之前的状态     | {files,fileList}          |
+| delete          | 文件删除事件     | {files,fileList,index}          |
 | file-item-click | 文件上传成功后点击触发 | {fileItem}                |
 
 

+ 2 - 1
src/packages/__VUE/uploader/index.taro.vue

@@ -286,7 +286,8 @@ export default create({
         fileList.splice(index, 1);
         emit('delete', {
           file,
-          fileList
+          fileList,
+          index
         });
       } else {
         console.log('用户阻止了删除!');

+ 2 - 1
src/packages/__VUE/uploader/index.vue

@@ -312,7 +312,8 @@ export default create({
         fileList.splice(index, 1);
         emit('delete', {
           file,
-          fileList
+          fileList,
+          index
         });
       } else {
         console.log('用户阻止了删除!');