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

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Changelog
-## [1.0.0-beta.14](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.13...@lambo-design/upload-file@1.0.0-beta.14) (2024-04-13)
+## [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)
 
-## [1.0.0-beta.13](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.12...@lambo-design/upload-file@1.0.0-beta.13) (2024-04-12)
 
-## 1.0.0-beta.12 (2024-04-12)
+### ✨ Features | 新功能
+
+* **upload-file:** 上传文件优化 ([0b71962](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/0b71962bba818f01c573f19eed57bd81e758e1ac))
+
+## [1.0.0-beta.15](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.14...@lambo-design/upload-file@1.0.0-beta.15) (2024-04-18)
+
+
+### ✨ Features | 新功能
+
+* **@lambo-design/upload-file:** 修改工具类方法引用路径 ([d48b381](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/d48b38109bbdb96b0e21128bf93e5ba85b8248bb))
+
+## [1.0.0-beta.14](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.13...@lambo-design/upload-file@1.0.0-beta.14) (2024-04-13)
+
+## [1.0.0-beta.13](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@lambo-design/upload-file@1.0.0-beta.12...@lambo-design/upload-file@1.0.0-beta.13) (2024-04-12)
+
+## 1.0.0-beta.12 (2024-04-12)

package/package.json

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

package/src/index.vue

@@ -15,13 +15,13 @@
            :multiple="multiple"
            :accept="accept"
            @change="readFile($event, 1)"/>
-      <div class="upload-file-list" v-if="showFileList && resultList.length > 0">
+    <div class="upload-file-list" v-if="showFileList && resultList.length > 0">
       <List border size="small">
         <ListItem v-for="item in resultList" :key="item.fileCode">
           <div span="21">
             <a :href="item.fileUrl ? item.fileUrl : downloadUrl + item.fileCode">
-              {{item.fileName}}
-              <span class="size" style="margin-left: 5px" v-if="item.showSize">({{item.showSize}})</span>
+              {{ 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">
@@ -35,9 +35,9 @@
 </template>
 
 <script>
-import axios from 'axios';
+import ajax from "@lambo-design/shared/utils/ajax";
 import config from "@lambo-design/shared/config/config";
-import {formatterSizeUnit} from "@lambo-design/shared/utils/date";
+import {formatterSizeUnit} from "@lambo-design/shared/utils/file";
 
 export default {
   components: {},
@@ -102,24 +102,24 @@ export default {
       default: ''
     },
     //上传文件Url
-    ossFilePutUrl:{
+    ossFilePutUrl: {
       type: String,
       default: "/oss/file/put"
     },
     //获取文件url
-    ossFileGetUrl:{
-      type:String,
-      default:"/oss/file/get/"
+    ossFileGetUrl: {
+      type: String,
+      default: "/oss/file/get/"
     },
     //文件预览所需文件流服务host
-    fileOnlinePreviewHost:{
+    fileOnlinePreviewHost: {
       type: String,
       default: "http://pub-manage-server:8080"
     },
     //预览文件url
-    ossFilePreviewUrl:{
-      type:String,
-      default:"/anon/oss/file/getObjToOutputStream/"
+    ossFilePreviewUrl: {
+      type: String,
+      default: "/anon/oss/file/getObjToOutputStream/"
     }
   },
 
@@ -146,17 +146,16 @@ export default {
   methods: {
     UploadFile: function () {
       this.$refs.uploadInput.click();
-      this.loading=true;
     },
     readFile: function (e, num) {
       let self = this;
       //读取文件
-      // var file = e.target.files[0];
+      self.loading = true;
       for (let file of e.target.files) {
-        // fileSuffix
-        var reg = new RegExp("\.(" + this.fileSuffix + ")$", "i");
+        const reg = new RegExp("\.(" + this.fileSuffix + ")$", "i");
         if (!reg.test(file.name)) {
           alert('文件类型必须是doc，docx，txt，xls，xlsx，jpg，jpeg，png中的一种');
+          self.loading = false;
           return false;
         } else {
           self.attachmentFile.fileName = file;
@@ -168,33 +167,31 @@ export default {
           }
         }
         self.attachmentFile.fileType = self.attachmentFile.fileName.name.substring(self.attachmentFile.fileName.name.lastIndexOf(".") + 1);
-
       }
-      // self.loading = true;
-      self.loadtoServer();
+      self.doUpload();
     },
-    loadtoServer: function () {
-      var self = this;
-      let inputDOM = this.$refs.uploadInput;
-      var afile = inputDOM.files;
-      if (afile.size == 0) {
+    doUpload: function () {
+      let self = this;
+      const allFile = this.$refs.uploadInput.files;
+      if (allFile.size === 0) {
         alert("不能传入空文件");
+        self.loading = false;
         return false;
       }
       let formData = new FormData();
-      for (let file of afile) {
+      for (let file of allFile) {
         formData.append('file', file);
       }
       let resultList = [];
-      let uploadUrl = self.ossServerContext + self.ossFilePutUrl;
-      let downloadUrl = self.ossServerContext + self.ossFileGetUrl;
-      axios.post(uploadUrl, formData).then(response => {
-        if (response.data.code == "1") {
-          var result = response.data.data;
+      const uploadUrl = self.ossServerContext + self.ossFilePutUrl;
+      const downloadUrl = self.ossServerContext + self.ossFileGetUrl;
+      ajax.post(uploadUrl, formData, { payload: true }).then(response => {
+        if (response.data.code === 1) {
+          const result = response.data.data;
           self.loading = false;
           if (result.length >= 1) {
             result.forEach(item => {
-              let tmp = {
+              const tmp = {
                 fileUrl: downloadUrl + item.fileId,
                 fileCode: item.fileId,
                 fileName: item.fileName,
@@ -203,7 +200,6 @@ export default {
                 showSize: formatterSizeUnit(item.length),
                 otherParam: self.otherParam
               };
-
               resultList.push(tmp);
               self.resultList.push(tmp);
             });
@@ -226,34 +222,29 @@ export default {
 
     encode64(value) {
       let typeValue = typeof value;
-      if (typeValue == 'string' || typeValue == 'number') {
+      if (typeValue === 'string' || typeValue === 'number') {
         return window.btoa(
-            window.encodeURIComponent(value)
-                .replace(/%([0-9A-F]{2})/g,
-                    function toSolidBytes(match, p1) {
-                      return String.fromCharCode('0x' + p1);
-                    }
-                )
-        );
+          window.encodeURIComponent(value)
+            .replace(/%([0-9A-F]{2})/g,
+              function toSolidBytes(match, p1) {
+                return String.fromCharCode('0x' + p1);
+              }));
       } else {
         return value;
       }
     },
     previewFile: function (item) {
-      var fileCode = item.fileCode;
-      var fileName = item.fileName;
-      var fileType = item.fileType;
-      if(fileCode) {
-        let url = this.fileOnlinePreviewHost + this.ossServerContext + this.ossFilePreviewUrl + fileCode + "?fullfilename=" + fileName + "." + fileType;
-        window.open(config.fileOnlinePreviewContext + '/onlinePreview?url='+encodeURIComponent(this.encode64(url)));
+      if (item.fileCode) {
+        const url = this.fileOnlinePreviewHost + this.ossServerContext + this.ossFilePreviewUrl + item.fileCode + "?fullfilename=" + item.fileName + "." + item.fileType;
+        window.open(config.fileOnlinePreviewContext + '/onlinePreview?url=' + encodeURIComponent(this.encode64(url)));
       }
     },
     deleteFile: function (fileCode) {
       if (fileCode) {
-        var result = [];
-        var deletes = []
+        let result = [];
+        let deletes = []
         this.resultList.forEach(item => {
-          if (item.fileCode != fileCode) {
+          if (item.fileCode !== fileCode) {
             result.push(item);
           } else {
             deletes.push(item)
@@ -270,8 +261,7 @@ export default {
   },
   watch: {
     fileList: function (value) {
-      var data = this.fileList;
-      this.resultList = data;
+      this.resultList = this.fileList
     }
   }
 }