hbte-saas-ui 1.8.9 → 1.8.11

package/lib/hbte-ui.umd.js

@@ -465,6 +465,13 @@ function getNative(object, key) {
 module.exports = getNative;
 
 
+/***/ }),
+
+/***/ "0c4f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "0c82":
@@ -1256,17 +1263,6 @@ _src_main_vue__WEBPACK_IMPORTED_MODULE_0__["default"].config = function (params)
 };
 /* harmony default export */ __webpack_exports__["default"] = (_src_main_vue__WEBPACK_IMPORTED_MODULE_0__["default"]);
 
-/***/ }),
-
-/***/ "2070":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_2c521d9c_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("695d");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_2c521d9c_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_2c521d9c_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2266":
@@ -24972,13 +24968,6 @@ module.exports = function isSubsetOf(other) {
 };
 
 
-/***/ }),
-
-/***/ "695d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "6964":
@@ -33863,7 +33852,7 @@ module.exports = overArg;
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c7c6be7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/nav-menu/src/main.vue?vue&type=template&id=5927d4e0
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c7c6be7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/nav-menu/src/main.vue?vue&type=template&id=abd5359e
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-navmenu",class:[
     _vm.isAbsolute ? (_vm.isCollapse ? 'hb-navmenu--open' : '') : '',
     _vm.isTransition ? 'hb-navmenu--transition' : '' ]},[_c('nav',{staticClass:"hb-navmenu-main"},[_vm._t("logo"),_vm._l((_vm.data),function(item,index){return _c('div',{key:index,class:_vm.isActive(index)
@@ -33878,7 +33867,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/nav-menu/src/main.vue?vue&type=template&id=5927d4e0
+// CONCATENATED MODULE: ./packages/nav-menu/src/main.vue?vue&type=template&id=abd5359e
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -34129,7 +34118,7 @@ var es_array_push = __webpack_require__("14d9");
     // 侧边导航栏路由跳转
     navigatToPath(item, flag = true) {
       if (item.event) {
-        this.$emit("customClick");
+        this.$emit("customClick", item);
         return;
       } else {
         this.$emit("customClose");
@@ -39690,6 +39679,17 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ "b639":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_0cc572b4_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0c4f");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_0cc572b4_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_main_vue_vue_type_style_index_0_id_0cc572b4_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b64e":
@@ -43670,12 +43670,12 @@ module.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c7c6be7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/main.vue?vue&type=template&id=2c521d9c
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.key,staticClass:"hb-upload"},[_c('div',{directives:[{name:"layout-flex",rawName:"v-layout-flex",value:({ gutter: 20, maxWidth: 280 }),expression:"{ gutter: 20, maxWidth: 280 }"}],staticClass:"hb-upload-wrapper"},[_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:"unit-item-wrapper"},[_c('div',{staticClass:"file unit-item",on:{"click":function($event){return _vm.viewFile(item)}}},[_c('HbSvg',{attrs:{"iconClass":_vm._f("fileIcon")(true,_vm.getSuffix(item.fileName)),"fontSize":"44px"}}),_c('div',{staticClass:"right"},[_c('div',{staticClass:"title"},[_vm._v(" "+_vm._s(item.fileName)+" ")]),_c('div',{staticClass:"info"},[_c('div',{staticClass:"time"},[_vm._v(_vm._s(item.createTime))]),_c('div',{staticClass:"icon"},[(_vm.showCover)?_c('i',{staticClass:"icon-main-huanyuan mr10",on:{"click":function($event){$event.stopPropagation();return _vm.openCover(index)}}}):_vm._e(),(_vm.showDownLoad(item))?_c('i',{staticClass:"icon-main-xiazai mr10",on:{"click":function($event){$event.stopPropagation();return _vm.downloadFile(item)}}}):_vm._e(),(_vm.showRemove)?_c('i',{staticClass:"icon-main-shanchu",on:{"click":function($event){$event.stopPropagation();return _vm.remove(index, item.fileName)}}}):_vm._e()])])])],1),_vm._t("default",null,{"fileData":item})],2)}),(_vm.editAble)?_c('div',{staticClass:"upload unit-item"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.netDisc),expression:"netDisc"}],staticClass:"netdisc",on:{"click":_vm.openNetDisc}},[_vm._v("选择网盘地址")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.link),expression:"link"}],staticClass:"link",on:{"click":_vm.openLink}},[_vm._v("自定义链接")]),_c('div',{staticClass:"local-file",on:{"click":_vm.openFile}},[_c('i',{staticClass:"el-icon-plus"}),_vm._v(" 上传附件 "),_c('input',{ref:"input",staticClass:"hidden",attrs:{"type":"file","multiple":""},on:{"change":_vm.chooseFile}})]),(_vm.maxUpload)?_c('div',{staticClass:"maxUploadShow"},[_vm._v(_vm._s(_vm.list.length)+" / "+_vm._s(_vm.maxUpload))]):_vm._e()]):_vm._e(),_c('input',{ref:"coverInput",staticClass:"hidden",attrs:{"type":"file"},on:{"change":function (ev) { return _vm.coverFile(ev); }}})],2),_c('NetDisc',{ref:"netDisc",on:{"submit":_vm.addNet}}),_c('CustomLink',{ref:"customLink",on:{"submit":_vm.addLink}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c7c6be7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/main.vue?vue&type=template&id=0cc572b4
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.key,staticClass:"hb-upload"},[_c('div',{directives:[{name:"layout-flex",rawName:"v-layout-flex",value:({ gutter: 20, maxWidth: 280 }),expression:"{ gutter: 20, maxWidth: 280 }"}],staticClass:"hb-upload-wrapper"},[_vm._l((_vm.list),function(item,index){return _c('div',{key:item.fileUrl || item.id || index,staticClass:"unit-item-wrapper"},[_c('div',{staticClass:"file unit-item",on:{"click":function($event){return _vm.viewFile(item)}}},[_c('HbSvg',{attrs:{"iconClass":_vm._f("fileIcon")(true,_vm.getSuffix(item.fileName)),"fontSize":"44px"}}),_c('div',{staticClass:"right"},[_c('div',{staticClass:"title"},[_vm._v(" "+_vm._s(item.fileName)+" ")]),_c('div',{staticClass:"info"},[_c('div',{staticClass:"time"},[_vm._v(_vm._s(item.createTime))]),_c('div',{staticClass:"icon"},[(_vm.showCover)?_c('i',{staticClass:"icon-main-huanyuan mr10",on:{"click":function($event){$event.stopPropagation();return _vm.openCover(index)}}}):_vm._e(),(_vm.showDownLoad(item))?_c('i',{staticClass:"icon-main-xiazai mr10",on:{"click":function($event){$event.stopPropagation();return _vm.downloadFile(item)}}}):_vm._e(),(_vm.showRemove)?_c('i',{staticClass:"icon-main-shanchu",on:{"click":function($event){$event.stopPropagation();return _vm.remove(index, item.fileName)}}}):_vm._e()])])])],1),_vm._t("default",null,{"fileData":item})],2)}),_vm._l((_vm.uploadingList),function(item,index){return _c('div',{key:'uploading-' + index,staticClass:"unit-item-wrapper"},[_c('div',{staticClass:"file unit-item"},[_c('HbSvg',{attrs:{"iconClass":_vm._f("fileIcon")(true,_vm.getSuffix(item.fileName)),"fontSize":"44px"}}),_c('div',{staticClass:"right",staticStyle:{"flex-direction":"row","align-items":"center"}},[_c('div',{staticStyle:{"flex":"1","overflow":"hidden","margin-right":"10px"}},[_c('div',{staticClass:"title"},[_vm._v(_vm._s(item.fileName))]),_c('div',{staticClass:"info"},[_vm._v(" "+_vm._s(item.status === "transmitSuccess" ? "处理中..." : "上传中...")+" ")])]),_c('div',{staticClass:"progress-wrapper"},[_c('el-progress',{attrs:{"type":"circle","percentage":Math.floor(item.progress * 100),"width":50,"stroke-width":4}}),(item.status === 'padding' || item.status === 'inline')?_c('i',{staticClass:"el-icon-close cancel-btn",on:{"click":function($event){$event.stopPropagation();return _vm.cancelUpload(item)}}}):_vm._e()],1)])],1)])}),(_vm.editAble)?_c('div',{staticClass:"upload unit-item"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.netDisc),expression:"netDisc"}],staticClass:"netdisc",on:{"click":_vm.openNetDisc}},[_vm._v(" 选择网盘地址 ")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.link),expression:"link"}],staticClass:"link",on:{"click":_vm.openLink}},[_vm._v("自定义链接")]),_c('div',{staticClass:"local-file",on:{"click":_vm.openFile}},[_c('i',{staticClass:"el-icon-plus"}),_vm._v(" 上传附件 "),_c('input',{ref:"input",staticClass:"hidden",attrs:{"type":"file","multiple":""},on:{"change":_vm.chooseFile}})]),(_vm.maxUpload)?_c('div',{staticClass:"maxUploadShow"},[_vm._v(" "+_vm._s(_vm.list.length)+" / "+_vm._s(_vm.maxUpload)+" ")]):_vm._e()]):_vm._e(),_c('input',{ref:"coverInput",staticClass:"hidden",attrs:{"type":"file"},on:{"change":function (ev) { return _vm.coverFile(ev); }}})],2),_c('NetDisc',{ref:"netDisc",on:{"submit":_vm.addNet}}),_c('CustomLink',{ref:"customLink",on:{"submit":_vm.addLink}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/upload/src/main.vue?vue&type=template&id=2c521d9c
+// CONCATENATED MODULE: ./packages/upload/src/main.vue?vue&type=template&id=0cc572b4
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -43683,6 +43683,9 @@ var es_array_push = __webpack_require__("14d9");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__("e9f5");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
+var es_iterator_find = __webpack_require__("f665");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__("7d54");
 
@@ -44025,6 +44028,55 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
 
 
 
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -44075,16 +44127,48 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
+// 提取文件图标映射配置，避免在过滤器中重复创建，提升性能
+const FILE_ICON_MAP = [{
+  suffix: [".jpg", ".jpeg", ".png", ".gif"],
+  icon: "icon-color-JPG"
+}, {
+  suffix: [".doc", ".docx"],
+  icon: "icon-color-wendang"
+}, {
+  suffix: [".xls", ".xlsx"],
+  icon: "icon-color-excel"
+}, {
+  suffix: ".pdf",
+  icon: "icon-color-pdf"
+}, {
+  suffix: ".txt",
+  icon: "icon-color-txt"
+}];
 /* harmony default export */ var mainvue_type_script_lang_js = ({
   name: "HbUpload",
   componentName: "HbUpload",
   data() {
     return {
       key: Math.random(),
-      coverIndex: 0 // 要覆盖的文件索引
+      coverIndex: 0,
+      // 要覆盖的文件索引
+      uploadingList: [] // 正在上传的文件列表
     };
   },
   props: {
@@ -44111,8 +44195,34 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
     maxUpload: {
       type: Number,
       default: 0
+    },
+    _simpleUploadThreshold: {
+      type: Number,
+      default: 50 * 1024 * 1024 // 50MB
     }
   },
+  created() {
+    // 监听阿里OSS的上传进度和状态变化
+    // 注意：这里使用的是 window 全局事件，可能会影响页面上其他相同组件实例
+    // 建议：如果可能有多个实例，应确保事件携带唯一标识符
+    window.addEventListener("netdiscItemProgress", this.onUploadProgress);
+    window.addEventListener("netdiscItemStatusChange", this.onUploadStatusChange);
+  },
+  beforeDestroy() {
+    // 取消上传 ： 传输中或排队中的文件
+    this.uploadingList.forEach(item => {
+      if (item.status === "padding" || item.status === "inline") {
+        window.dispatchEvent(new CustomEvent("netdiscCancelUpload", {
+          bubbles: false,
+          detail: {
+            file: item.file
+          }
+        }));
+      }
+    });
+    window.removeEventListener("netdiscItemProgress", this.onUploadProgress);
+    window.removeEventListener("netdiscItemStatusChange", this.onUploadStatusChange);
+  },
   methods: {
     viewFile(item) {
       if (!item.onlineUrl) {
@@ -44139,27 +44249,62 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
       this.$refs.coverInput.click();
     },
     coverFile(ev) {
-      console.log(ev.target.files[0]);
-      let files = new FormData();
-      files.append("files[0]", ev.target.files[0]);
-      this.$http.post("/sysFiles/uploads", files).then(res => {
-        this.$message.success("上传成功");
-        //处理返回的数据
-        let coverList = res.map(item => ({
-          fileName: item.fileName,
-          fileType: "1",
-          fileUrl: item.fileUrl,
-          downUrl: item.downUrl,
-          onlineUrl: item.onlineUrl,
-          fileSize: item.fileSize
-        }));
-        const coverOriginData = this.$lodash.cloneDeep(this.list[this.coverIndex]);
-        this.list.splice(this.coverIndex, 1, coverList[0]);
-        this.$emit("coverSuccess", {
-          index: this.coverIndex,
-          fileList: this.list,
-          coverOriginData
+      const file = ev.target.files[0];
+      if (!file) return;
+
+      // Check if there's already an active cover upload for this index
+      const existingCover = this.uploadingList.find(item => item.isCover && item.coverIndex === this.coverIndex && (item.status === "padding" || item.status === "inline"));
+      if (existingCover) {
+        this.$confirm("当前正在覆盖该文件，是否取消之前的上传并开始新的覆盖？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          // Cancel the previous upload
+          this.cancelUpload(existingCover, false); // Pass false to skip confirm dialog inside cancelUpload
+          this.startCoverUpload(file);
+        }).catch(() => {
+          // Do nothing, keep the old upload
+          ev.target.value = "";
         });
+      } else {
+        this.startCoverUpload(file);
+      }
+      ev.target.value = "";
+    },
+    // 点击覆盖按钮 执行阿里OSS上传操作
+    startCoverUpload(file) {
+      const uploadItem = {
+        fileName: file.name,
+        fileSize: file.size,
+        progress: 0,
+        status: "padding",
+        file: file,
+        // Keep reference
+        isCover: true,
+        // Mark as cover operation
+        coverIndex: this.coverIndex // Store the index
+      };
+      this.uploadingList.push(uploadItem);
+      // 通过后端接口获取到上传阿里所需token
+      this.getSTSToken().then(res => {
+        window.dispatchEvent(new CustomEvent("netdiscUpload", {
+          bubbles: false,
+          detail: {
+            type: "file",
+            fileList: [file],
+            path: [],
+            token: res,
+            _unUploadByNetdisc: true,
+            // 不是在网盘上传的文件
+            _doNotOpenUploader: true,
+            // 不需要打开上传进度
+            _simpleUploadThreshold: this._simpleUploadThreshold // 简单上传与分片上传的阈值
+          }
+        }));
+      }).catch(() => {
+        this.$message.error("ali-oss token获取失败");
+        this.removeFromUploading(uploadItem);
       });
     },
     openNetDisc() {
@@ -44183,16 +44328,102 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
       }
       this.$refs.input.click();
     },
+    // 选择文件 执行上传阿里OSS操作
     chooseFile(ev) {
       let fileList = Array.from(ev.target.files);
-      console.log(ev);
-      let files = new FormData();
-      fileList.forEach((item, index) => {
-        files.append(`files[${index}]`, item);
+      fileList.forEach(file => {
+        this.uploadingList.push({
+          fileName: file.name,
+          fileSize: file.size,
+          progress: 0,
+          status: "padding",
+          file: file // Keep reference
+        });
       });
-      this.$http.post("/sysFiles/uploads", files).then(res => {
-        this.$message.success("上传成功");
-        //处理返回的数据
+      // 通过后端接口获取到上传阿里所需token
+      this.getSTSToken().then(res => {
+        window.dispatchEvent(new CustomEvent("netdiscUpload", {
+          bubbles: false,
+          detail: {
+            type: "file",
+            fileList: fileList,
+            path: [],
+            token: res,
+            _unUploadByNetdisc: true,
+            // 不是在网盘上传的文件
+            _doNotOpenUploader: true,
+            // 不需要打开上传进度
+            _simpleUploadThreshold: this._simpleUploadThreshold // 简单上传与分片上传的阈值
+          }
+        }));
+      }).catch(() => {
+        this.$message.error("ali-oss token获取失败");
+        // Remove from uploading list if token fails
+        fileList.forEach(file => {
+          const index = this.uploadingList.findIndex(i => i.file === file);
+          if (index > -1) this.uploadingList.splice(index, 1);
+        });
+      });
+      ev.target.value = "";
+    },
+    getSTSToken() {
+      return this.$http.get("/ndRecord/getStsToken", {
+        baseURL: "/platform"
+      }).then(res => {
+        let token = {
+          region: "oss-cn-hangzhou",
+          accessKeyId: res.credentials.accessKeyId,
+          accessKeySecret: res.credentials.accessKeySecret,
+          stsToken: res.credentials.securityToken,
+          bucket: res.bucket
+        };
+        return Promise.resolve(token);
+      }).catch(error => {
+        return Promise.reject(error);
+      });
+    },
+    // 监听阿里上传进度
+    onUploadProgress(e) {
+      const {
+        file,
+        progress
+      } = e.detail;
+      const item = this.uploadingList.find(i => i.file === file);
+      if (item) {
+        item.progress = progress;
+      }
+    },
+    // 监听阿里上传状态变化
+    onUploadStatusChange(e) {
+      const {
+        file,
+        status
+      } = e.detail;
+      const item = this.uploadingList.find(i => i.file === file);
+      if (item) {
+        item.status = status;
+        if (status === "transmitSuccess") {
+          this.handleUploadSuccess(item); // 上传阿里成功
+        } else if (status === "failed") {
+          this.$message.error(`${item.fileName} 上传失败`);
+          this.removeFromUploading(item); // 上传阿里失败
+        } else if (status === "cancel") {
+          this.removeFromUploading(item); // 上传阿里取消
+        }
+      }
+    },
+    // 上传阿里成功 执行保存文件信息操作
+    handleUploadSuccess(item) {
+      const payload = [{
+        fileName: item.fileName,
+        fileSize: item.fileSize,
+        fileSuffix: this.getSuffix(item.fileName),
+        fileType: "1",
+        fileUrl: item.file.path
+      }];
+      // 经过后端拿到上传到阿里的文件的信息
+      this.$http.post("/sysFiles/getSysFilesVo", payload).then(res => {
+        // 处理返回的数据
         let addList = res.map(item => ({
           fileName: item.fileName,
           fileType: "1",
@@ -44201,15 +44432,36 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
           onlineUrl: item.onlineUrl,
           fileSize: item.fileSize
         }));
-        addList.forEach(item => {
-          this.list.push(item);
-        });
-        this.$emit("uploadSuccess", {
-          fileList: this.list,
-          addData: this.$lodash.cloneDeep(addList)
-        });
+        if (item.isCover) {
+          const coverOriginData = this.$lodash.cloneDeep(this.list[item.coverIndex]);
+          this.list.splice(item.coverIndex, 1, addList[0]);
+          this.$emit("coverSuccess", {
+            index: item.coverIndex,
+            fileList: this.list,
+            coverOriginData
+          });
+        } else {
+          addList.forEach(item => {
+            this.list.push(item);
+          });
+          this.$emit("uploadSuccess", {
+            fileList: this.list,
+            addData: this.$lodash.cloneDeep(addList)
+          });
+        }
+        this.removeFromUploading(item);
+      }).catch(() => {
+        this.$message.error("保存文件信息失败");
+        this.removeFromUploading(item);
       });
     },
+    // 移除正在进行阿里上传的文件项
+    removeFromUploading(item) {
+      const index = this.uploadingList.indexOf(item);
+      if (index > -1) {
+        this.uploadingList.splice(index, 1);
+      }
+    },
     addLink(data) {
       if (this.maxUpload && this.list.length + 1 > this.maxUpload) {
         this.$message.error("最多上传" + this.maxUpload + "个文件");
@@ -44242,6 +44494,29 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
         });
       }).catch(() => {});
     },
+    // 取消上传阿里
+    cancelUpload(item, confirm = true) {
+      const doCancel = () => {
+        window.dispatchEvent(new CustomEvent("netdiscCancelUpload", {
+          bubbles: false,
+          detail: {
+            file: item.file
+          }
+        }));
+        this.removeFromUploading(item);
+      };
+      if (confirm) {
+        this.$confirm(`确定要取消上传 ${item.fileName} 吗？`, "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          doCancel();
+        }).catch(() => {});
+      } else {
+        doCancel();
+      }
+    },
     rerendering() {
       this.key = Math.random();
     }
@@ -44275,30 +44550,14 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
   },
   filters: {
     fileIcon(isFile, fileType) {
-      var _fileMap$find;
+      var _FILE_ICON_MAP$find;
       if (!isFile) {
         return "icon-color-wenjianjia";
       }
       const lowerFileType = fileType.toLowerCase();
-      const fileMap = [{
-        suffix: [".jpg", ".jpeg", ".png", ".gif"],
-        icon: "icon-color-JPG"
-      }, {
-        suffix: [".doc", ".docx"],
-        icon: "icon-color-wendang"
-      }, {
-        suffix: [".xls", ".xlsx"],
-        icon: "icon-color-excel"
-      }, {
-        suffix: ".pdf",
-        icon: "icon-color-pdf"
-      }, {
-        suffix: ".txt",
-        icon: "icon-color-txt"
-      }];
-      const iconClass = (_fileMap$find = fileMap.find(item => {
+      const iconClass = (_FILE_ICON_MAP$find = FILE_ICON_MAP.find(item => {
         return typeof item.suffix === "string" ? item.suffix === lowerFileType : item.suffix.includes(lowerFileType);
-      })) === null || _fileMap$find === void 0 ? void 0 : _fileMap$find.icon;
+      })) === null || _FILE_ICON_MAP$find === void 0 ? void 0 : _FILE_ICON_MAP$find.icon;
       return iconClass || "icon-color-qita1";
     }
   },
@@ -44309,8 +44568,8 @@ var CustomLink_component = Object(componentNormalizer["a" /* default */])(
 });
 // CONCATENATED MODULE: ./packages/upload/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/upload/src/main.vue?vue&type=style&index=0&id=2c521d9c&prod&lang=scss
-var mainvue_type_style_index_0_id_2c521d9c_prod_lang_scss = __webpack_require__("2070");
+// EXTERNAL MODULE: ./packages/upload/src/main.vue?vue&type=style&index=0&id=0cc572b4&prod&lang=scss
+var mainvue_type_style_index_0_id_0cc572b4_prod_lang_scss = __webpack_require__("b639");
 
 // CONCATENATED MODULE: ./packages/upload/src/main.vue