@lambo-design/upload-file 1.0.0-beta.35 → 1.0.0-beta.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/upload-file",
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.37",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -12,8 +12,8 @@
   "devDependencies": {
     "axios": "^0.24.0",
     "axios-cache-plugin": "^0.1.0",
-    "@lambo-design/core": "^4.7.1-beta.171",
-    "@lambo-design/shared": "^1.0.0-beta.316"
+    "@lambo-design/shared": "^1.0.0-beta.373",
+    "@lambo-design/core": "^4.7.1-beta.183"
   },
   "scripts": {
     "release-upload-file": "pnpm release-beta && git push --follow-tags && pnpm re-publish",

package/src/index.vue

@@ -24,12 +24,18 @@
     <div class="upload-file-list" v-if="showFileList && resultList.length > 0">
       <List v-if="!isTableCell" border size="small">
         <ListItem v-for="item in resultList" :key="item.fileId ? item.fileId : item.fileCode">
-          <div span="21">
+          <div span="21" v-if="!clickEventMethodName">
             <a :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)">
               {{ item.fileName }}
               <span class="size" style="margin-left: 5px" v-if="item.showSize">({{ item.showSize }})</span>
             </a>
           </div>
+          <div span="21" v-else>
+            <a @click="clickFile(item)">
+              {{ item.fileName }}
+              <span class="size" style="margin-left: 5px" v-if="item.showSize">({{ item.showSize }})</span>
+            </a>
+          </div>
           <div span="3" style="text-align: right">
             <Button v-if="showPreview" @click="previewFile(item)" type="text">预览</Button>
             <Button v-if="!disabled" @click="deleteFile(item.fileId ? item.fileId : item.fileCode)" type="text">删除</Button>
@@ -38,10 +44,14 @@
       </List>
       <div v-else style="display: flex; align-items: center; justify-content: space-between;" v-for="item in resultList" :key="item.fileId ? item.fileId : item.fileCode">
         <Tooltip max-width="200" :content="item.fileName + (item.showSize ? ' (' + item.showSize + ')' : '')" :transfer="true" placement="top">
-          <a :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)" :style="{display: 'inline-block', width: disabled ? '180px' : showPreview ? '120px' : '150px', textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden', lineHeight: '20px', verticalAlign: 'middle'}">
+          <a v-if="!clickEventMethodName" :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)" :style="{display: 'inline-block', width: disabled ? '180px' : showPreview ? '120px' : '150px', textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden', lineHeight: '20px', verticalAlign: 'middle'}">
             {{ item.fileName }}
             <span style="margin-left: 5px;" v-if="item.showSize">({{ item.showSize }})</span>
           </a>
+          <a v-else @click="clickFile(item)">
+            {{ item.fileName }}
+            <span class="size" style="margin-left: 5px" v-if="item.showSize">({{ item.showSize }})</span>
+          </a>
         </Tooltip>
         <div style="display: flex; align-items: center;">
           <span v-if="showPreview" @click="previewFile(item)" style="margin-right: 5px; cursor: pointer;">预览</span>
@@ -166,6 +176,12 @@ export default {
       type: String,
       default: "/oss/file/get/"
     },
+    //文件上传成功后 点击文件名回调事件名称
+    clickEventMethodName: {
+      type: String,
+      required: false,
+      default: ""
+    },
     //文件预览所需文件流服务host
     fileOnlinePreviewHost: {
       type: String,
@@ -285,9 +301,15 @@ export default {
           } else {
             self.$emit("upload-result", null);
           }
+        } else {
+          self.$Message.error("上传文件失败，原因是：" + response.data.data);
+          self.loading = false;
         }
         self.$refs.uploadInput.value = null
-      });
+      }).catch((e) => {
+        console.log('doUpload error', e)
+        self.loading = false;
+      })
     },
 
     encode64(value) {
@@ -309,6 +331,9 @@ export default {
         window.open(config.fileOnlinePreviewContext + '/onlinePreview?url=' + encodeURIComponent(this.encode64(url)));
       }
     },
+    clickFile: function (item) {
+      this.$emit(this.clickEventMethodName, item)
+    },
     deleteFile: function (fileId) {
       if (fileId) {
         let result = [];