@lambo-design/upload-file 1.0.0-beta.16 → 1.0.0-beta.17

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 # Changelog
+## [1.0.0-beta.17](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.16...@lambo-design/upload-file@1.0.0-beta.17) (2024-06-04)
+
+
+### ✨ Features | 新功能
+
+* **upload-file:** 增加文件编码列表fileIdList、限制文件上传数量limitFileNum属性 ([9c0b631](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/9c0b6310b797503c574a7f32e90768e9912a5c4e))
+
 ## [1.0.0-beta.16](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.15...@lambo-design/upload-file@1.0.0-beta.16) (2024-05-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/upload-file",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-beta.17",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/index.vue

@@ -64,6 +64,12 @@ export default {
       type: Boolean,
       default: false
     },
+    //限制上传数量
+    limitFileNum: {
+      type: Number,
+      required: false,
+      default: 0
+    },
     //是否按钮形式
     uploadBtn: {
       type: Boolean,
@@ -88,6 +94,14 @@ export default {
       required: false,
       default: ""
     },
+    //文件编码列表
+    fileIdList: {
+      type: Array,
+      required: false,
+      default: () => {
+        return []
+      }
+    },
     //文件列表
     fileList: {
       type: Array,
@@ -145,7 +159,11 @@ export default {
   },
   methods: {
     UploadFile: function () {
-      this.$refs.uploadInput.click();
+      if (this.limitFileNum !== 0 && this.resultList.length > this.limitFileNum) {
+        alert('最多只能上传' + this.limitFileNum + '个文件');
+      } else {
+        this.$refs.uploadInput.click();
+      }
     },
     readFile: function (e, num) {
       let self = this;
@@ -257,11 +275,50 @@ export default {
           this.$emit("upload-result", this.resultList, deletes);
         }
       }
+    },
+    initFileList: function (value) {
+      if (this.resultList.length === 0) {
+        let requests = []
+        for (const fileId of value) {
+          requests.push(ajax.get(config.upmsServerContext + "/oss/file/getMetaData/" + fileId))
+        }
+        Promise.all(requests).then((response) => {
+          response.forEach(item => {
+            this.resultList.push({
+              fileCode: item.data.data.fileId,
+              fileUrl: this.ossServerContext + this.ossFileGetUrl + item.data.data.fileId,
+              fileName: item.data.data.fileName,
+              fileType: item.data.data.fileName.substring(item.data.data.fileName.lastIndexOf(".") + 1),
+              size: item.data.data.length,
+              showSize: formatterSizeUnit(item.data.data.length),
+              otherParam: this.otherParam
+            })
+          })
+        });
+      }
+    },
+    arraysEqual(arr1, arr2) {
+      if (arr1.length !== arr2.length) return false;
+      for (let i = 0; i < arr1.length; i++) {
+        if (arr1[i] !== arr2[i]) return false;
+      }
+      return true;
     }
   },
   watch: {
-    fileList: function (value) {
-      this.resultList = this.fileList
+    fileList: {
+      handler: function (value) {
+        this.resultList = this.fileList
+      },
+      deep: true
+    },
+    fileIdList: {
+      handler: function (newValue, oldValue) {
+        if (newValue.length > 0 && !this.arraysEqual(newValue, oldValue)) {
+          this.initFileList(newValue)
+        }
+      },
+      deep: true
     }
   }
 }