@fengzhongwen/kukan-ui 1.0.20 → 1.0.21

package/dist/kukan-ui.common.js

@@ -885,22 +885,22 @@ module.exports =
 
 /***/ }),
 
-/***/ "c1a8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "ce57":
+/***/ "bfdd":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_7c0b3ed0_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c1a8");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_7c0b3ed0_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_7c0b3ed0_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4f005bbc_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e5ff");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4f005bbc_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4f005bbc_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e5ff":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fb15":
@@ -1086,12 +1086,12 @@ function addNewFileOfSubTitle(data, url) {
   });
 }
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"78fe9ce9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/index.vue?vue&type=template&id=7c0b3ed0&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df2c1ef0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/index.vue?vue&type=template&id=4f005bbc&scoped=true
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"upload-multiple"},[_c('input',{ref:"multiplePloadInput",staticStyle:{"display":"none"},attrs:{"type":"file","multiple":_vm.multiple,"accept":_vm.limitFileType},on:{"change":_vm.handleSelectedMultipleFiles}}),_c('div',{staticClass:"upload-multiple-box"},[_c('div',{ref:"upLoded_box",staticClass:"multiple_upload_area",class:_vm.multipleUploadAreaClass(),on:{"click":_vm.reviewUploadMultipleFiles,"dragover":function($event){$event.preventDefault();return _vm.onDragOver($event)},"dragleave":function($event){$event.preventDefault();return _vm.onDragLeave($event)},"drop":function($event){$event.preventDefault();return _vm.onDrop($event)}}},[(_vm.isUploading)?_c('div',{staticClass:"upload-loading-mask",style:(_vm.setUploadingLoadingMaskStyle())}):_vm._e(),(_vm.showIconTip)?_c('div',[_c('i',{staticClass:"el-icon-upload"})]):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.startButtonText))]),_vm._t("tips")],2),(_vm.pictureConfig.show && _vm.showSuccessPicture)?_c('div',{staticClass:"upload-multiple-box-right"},[_c('div',{staticClass:"upload-multiple-box-close",on:{"click":function($event){$event.stopPropagation();return _vm.clearPicture($event)}}},[_c('i',{staticClass:"el-icon-close"})]),_c('img',{attrs:{"src":_vm.pictureConfig.url,"alt":_vm.pictureConfig.altText}})]):_vm._e()]),(_vm.isShowAllUploadButton)?_c('el-button',{staticClass:"upload_button",attrs:{"type":"primary","disabled":_vm.isUploading || _vm.needUploadFilesArr.length === 0},on:{"click":_vm.startUploadMultipleFiles}},[_vm._v(" 全部文件开始上传 ")]):_vm._e(),(_vm.model === 'table')?_c('div',{staticClass:"upload-multiple-table"},[_c('Upload_table',{attrs:{"needUploadFilesArr":_vm.needUploadFilesArr,"fileConfig":_vm.fileConfig,"fileType":_vm.addDataBaseLinkConfig.addFileType,"isUploading":_vm.isUploading},on:{"delteSelectedFile":_vm.delteSelectedFile,"cancelFileUpload":_vm.cancelFileUpload,"resetFileUpload":_vm.resetFileUpload,"handleSelectionChange":_vm.tableSelectionChange}})],1):_vm._e(),(_vm.model === 'info')?_c('div',{staticClass:"multiple_upload_list"},[_c('span',{staticClass:"tip_title"},[_c('span',{staticClass:"title"},[_c('div',[_vm._v("文件列表")]),_c('transition',{attrs:{"name":"totalProgress","mode":"out-in"}},[(_vm.needUploadFilesArr.length > 0)?_c('div',{staticClass:"total_progress"},[_c('div',{staticClass:"logo"}),_c('span',[_vm._v("总进度：")]),(_vm.fileConfig.uploadController)?_c('div',[_c('el-tag',{attrs:{"size":"mini","type":_vm.isDanger}},[_vm._v("上传错误："+_vm._s(_vm.fileConfig.skipError_num))]),_c('el-tag',{attrs:{"size":"mini","type":""}},[_vm._v("上传成功："+_vm._s(_vm.fileConfig.completed_num))]),_c('el-tag',{attrs:{"size":"mini","type":""}},[_vm._v("文件总数："+_vm._s(_vm.fileConfig.filetotal_num))])],1):_vm._e()]):_vm._e()])],1),_c('span',[_c('el-button',{attrs:{"size":"mini","type":"","disabled":_vm.isUploading || _vm.needUploadFilesArr.length === 0},on:{"click":_vm.handleSelectAllFile}},[_vm._v("全选所有文件")]),_c('el-button',{attrs:{"size":"mini","type":"danger","disabled":_vm.isUploading || _vm.needUploadFilesArr.length === 0},on:{"click":_vm.delteSelectedFile}},[_vm._v("移除所选文件")])],1)]),_c('div',{staticClass:"selected_list_area"},[(_vm.needUploadFilesArr.length > 0)?_c('div',{staticClass:"selected_list"},_vm._l((_vm.needUploadFilesArr),function(item,index){return _c('Card_2',{key:index,attrs:{"index":index,"file-config":item},on:{"cancelFileUpload":_vm.cancelFileUpload,"resetFileUpload":_vm.resetFileUpload,"handleClickOnlyFile":_vm.handleClickOnlyFile}})}),1):_c('div',{staticClass:"no_file"},[_c('i',{staticClass:"el-icon-document"}),_c('div',[_vm._v("暂无文件，请点击或拖拽文件到上传区域")])])])]):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=template&id=7c0b3ed0&scoped=true
+// CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=template&id=4f005bbc&scoped=true
 
 // CONCATENATED MODULE: ./src/components/FileUpload/util.js
 // 辅助函数：获取MIME类型
@@ -1166,7 +1166,7 @@ const fileTypeValidators = {
         // return /^(presentation))|text\/(plain|html|csv|xml|css|javascript|markdown))$/i.test(mime);
     },
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"78fe9ce9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/components/UploadCard_Ver_Second/index.vue?vue&type=template&id=cdec1cec&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df2c1ef0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/components/UploadCard_Ver_Second/index.vue?vue&type=template&id=cdec1cec&scoped=true
 var UploadCard_Ver_Secondvue_type_template_id_cdec1cec_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.fileConfig.name + '_' + _vm.index,staticClass:"only_file_area",class:{
     only_file_area_isActive: _vm.fileConfig.isSelected,
     'fade-in-element': true,
@@ -1446,7 +1446,7 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var UploadCard_Ver_Second = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"78fe9ce9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/components/Upload_table/index.vue?vue&type=template&id=61052c10&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df2c1ef0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUpload/components/Upload_table/index.vue?vue&type=template&id=61052c10&scoped=true
 var Upload_tablevue_type_template_id_61052c10_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"upload_table"},[_c('div',{staticClass:"header"},[_c('div',{staticClass:"total"},[_c('span',[_vm._v("已选择"+_vm._s(_vm.needUploadFilesArr.length)+"个文件")]),(_vm.needUploadFilesArr.length)?_c('el-tag',{attrs:{"type":"","size":"mini"}},[_vm._v("上传中"+_vm._s(_vm.totalNumber))]):_vm._e()],1),_c('div',{staticClass:"options"},[_c('el-button',{attrs:{"type":"danger","size":"mini","disabled":_vm.isUploading || _vm.needUploadFilesArr.length === 0},on:{"click":function($event){return _vm.handleClickOnlyFile()}}},[_vm._v("清除已选")])],1)]),_c('el-table',{staticStyle:{"width":"100%"},attrs:{"data":_vm.needUploadFilesArr,"default-sort":{ prop: 'fileName', order: 'descending' },"border":"","height":"400px"},on:{"sort-change":_vm.handleSortChange,"selection-change":_vm.handleSelectionChange}},[_c('el-table-column',{attrs:{"type":"selection","width":"40"}}),_c('el-table-column',{attrs:{"type":"index","width":"40"}}),_c('el-table-column',{attrs:{"label":"文件名","width":"300"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('div',{staticClass:"file_name"},[_c('div',{staticClass:"file_type"},[_vm._v(" "+_vm._s(_vm.getFileType(scope.row.name))+" ")]),_c('span',{staticClass:"file_name_text"},[_vm._v(_vm._s(scope.row.name))])])]}}])}),_c('el-table-column',{attrs:{"label":"大小","width":"100"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('div',{staticClass:"file_size"},[_c('span',{staticClass:"file_size_text"},[_vm._v(_vm._s(_vm.fileFormatValid(scope.row.file.size))+" mb")])])]}}])}),_c('el-table-column',{attrs:{"label":"状态","width":"100"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('div',{staticClass:"status_text"},[_c('span',{class:_vm.uploadingTextStyle(scope.row.tip)},[_vm._v(_vm._s(scope.row.tip))])])]}}])}),_c('el-table-column',{attrs:{"label":"进度","width":"auto"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('div',{staticClass:"progress_area"},[_c('el-progress',{staticClass:"custom-progress",attrs:{"color":_vm.colors,"show-text":true,"percentage":scope.row.uploadProgress}})],1)]}}])}),_c('el-table-column',{attrs:{"label":"操作","width":"auto"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [(scope.row.tip === '上传中')?_c('div',{staticClass:"option_text",on:{"click":function($event){$event.stopPropagation();return _vm.cancelFileUpload(scope.row)}}},[_c('span',{staticStyle:{"color":"#f74444","cursor":"pointer"}},[_vm._v("取消上传")])]):_vm._e(),(
             scope.row.tip === '已取消' ||
             scope.row.tip === '上传出错' ||
@@ -3377,12 +3377,12 @@ async function addNewFileId(id, version_id, fileType) {
     },
     // 开始上传按钮的点击事件：上传已经准备好的文件
     async startUploadMultipleFiles() {
-      // 避免重复点击上传
-      this.needUploadFilesArr = this.needUploadFilesArr.filter(
+      // 避免重复上传
+      const handleUploadFileArr = this.needUploadFilesArr.filter(
         item => item.tip !== "已完成",
       );
 
-      if (this.needUploadFilesArr.length === 0) {
+      if (handleUploadFileArr.length === 0) {
         this.$message.error("没有需要上传的文件");
         return;
       }
@@ -3390,9 +3390,9 @@ async function addNewFileId(id, version_id, fileType) {
       try {
         this.$message.success("开始上传");
 
-        this.fileConfig.filetotal_num = this.needUploadFilesArr.length;
+        this.fileConfig.filetotal_num = handleUploadFileArr.length;
 
-        this.needUploadFilesArr.forEach(item => {
+        handleUploadFileArr.forEach(item => {
           item.notShowTip = false;
           item.tip = "上传中";
           item.uploadProgress = 0;
@@ -3445,7 +3445,7 @@ async function addNewFileId(id, version_id, fileType) {
         };
 
         const result = await uploadFilesConfig_AndStart(
-          this.needUploadFilesArr,
+          handleUploadFileArr,
           this.multipleChunkConfig.maxConcurrent,
           this.fileConfig.maxFileConcurrent,
           this.addDataBaseLinkConfig,
@@ -3456,6 +3456,7 @@ async function addNewFileId(id, version_id, fileType) {
           this.apiObj,
         );
         if (result) {
+          // 这三个事件考虑合并
           this.informUploadedOfRefresh();
           this.uploadedResult(result);
 
@@ -3650,12 +3651,12 @@ async function addNewFileId(id, version_id, fileType) {
       }
 
       // 移除已完成的（选完文件移除）
-      const _needUploadFilesArr2 = this.needUploadFilesArr.filter(
-        item => item.tip !== "已完成",
-      );
+      // const _needUploadFilesArr2 = this.needUploadFilesArr.filter(
+      //   item => item.tip !== "已完成",
+      // );
 
       this.needUploadFilesArr = [
-        ..._needUploadFilesArr2,
+        ...this.needUploadFilesArr,
         ..._needUploadFilesArr,
       ];
       this.uploadStart();
@@ -3674,8 +3675,8 @@ async function addNewFileId(id, version_id, fileType) {
 
 // CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_FileUploadvue_type_script_lang_js = (FileUploadvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/FileUpload/index.vue?vue&type=style&index=0&id=7c0b3ed0&prod&scoped=true&lang=scss
-var FileUploadvue_type_style_index_0_id_7c0b3ed0_prod_scoped_true_lang_scss = __webpack_require__("ce57");
+// EXTERNAL MODULE: ./src/components/FileUpload/index.vue?vue&type=style&index=0&id=4f005bbc&prod&scoped=true&lang=scss
+var FileUploadvue_type_style_index_0_id_4f005bbc_prod_scoped_true_lang_scss = __webpack_require__("bfdd");
 
 // CONCATENATED MODULE: ./src/components/FileUpload/index.vue
 
@@ -3692,7 +3693,7 @@ var FileUpload_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "7c0b3ed0",
+  "4f005bbc",
   null
   
 )
@@ -3707,7 +3708,7 @@ FileUpload.install = function(Vue) {
 };
 
 /* harmony default export */ var components_FileUpload = (FileUpload);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"78fe9ce9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPreviewDialog/index.vue?vue&type=template&id=419a04c7&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df2c1ef0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VideoPreviewDialog/index.vue?vue&type=template&id=419a04c7&scoped=true
 var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{attrs:{"visible":_vm.dialogVisible,"show-close":false,"modal":true,"width":_vm.width,"top":_vm.topMargin,"custom-class":"modern-video-review-dialog","append-to-body":"","before-close":_vm.closePreview},on:{"update:visible":function($event){_vm.dialogVisible=$event},"opened":_vm.onOpened}},[_c('div',{staticClass:"video-review-container",style:({ height: _vm.height }),on:{"mousemove":_vm.onDrag,"mouseup":_vm.stopDrag,"mouseleave":_vm.stopDrag}},[_c('div',{staticClass:"video-review-header"},[_c('div',{staticClass:"file-info"},[_c('span',{staticClass:"file-name",attrs:{"title":_vm.fileName}},[_vm._v(_vm._s(_vm.fileName || "视频预览"))]),(!_vm.loading && !_vm.loadError && _vm.videoWidth)?_c('span',{staticClass:"file-size"},[_vm._v(" "+_vm._s(_vm.videoWidth)+" × "+_vm._s(_vm.videoHeight)+" px | "+_vm._s(_vm.duration)+" ")]):_vm._e()]),_c('div',{staticClass:"video-review-controls"},[_c('button',{staticClass:"control-icon-btn",attrs:{"disabled":_vm.scale <= _vm.minScale},on:{"click":_vm.zoomOut}},[_c('i',{staticClass:"el-icon-zoom-out"})]),_c('span',{staticClass:"zoom-display"},[_vm._v(_vm._s(Math.round(_vm.scale * 100))+"%")]),_c('button',{staticClass:"control-icon-btn",attrs:{"disabled":_vm.scale >= _vm.maxScale},on:{"click":_vm.zoomIn}},[_c('i',{staticClass:"el-icon-zoom-in"})]),_c('div',{staticClass:"control-divider"}),_c('button',{staticClass:"control-icon-btn",attrs:{"title":"原始尺寸/重置位置"},on:{"click":_vm.resetZoom}},[_c('i',{staticClass:"el-icon-refresh-right"})]),_c('button',{staticClass:"control-icon-btn close-btn",on:{"click":_vm.closePreview}},[_c('i',{staticClass:"el-icon-close"})])])]),_c('div',{staticClass:"video-review-content",on:{"wheel":function($event){$event.preventDefault();return _vm.handleWheel($event)},"mousedown":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.startDrag($event)},"!click":function($event){return _vm.handleCaptureClick($event)}}},[_c('transition',{attrs:{"name":"fade"}},[(_vm.loading && !_vm.loadError)?_c('div',{staticClass:"status-overlay"},[_c('i',{staticClass:"el-icon-loading"}),_c('p',[_vm._v("视频加载中...")])]):_vm._e()]),(_vm.loadError)?_c('div',{staticClass:"status-overlay error"},[_c('i',{staticClass:"el-icon-video-camera"}),_c('p',[_vm._v("视频加载失败")])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.loading && !_vm.loadError),expression:"!loading && !loadError"}],staticClass:"video-transform-wrapper",style:(_vm.videoStyle),on:{"mousedown":_vm.startDrag}},[(_vm.videoUrl)?_c('video',{key:_vm.videoUrl,ref:"videoPlayer",staticClass:"main-preview-video",attrs:{"src":_vm.videoUrl,"autoplay":"","muted":"","loop":"","playsinline":"","controls":""},domProps:{"muted":true},on:{"loadedmetadata":_vm.onMetadataLoad,"error":_vm.onVideoError,"canplay":_vm.onCanPlay}}):_vm._e()])],1),_c('div',{staticClass:"video-review-hint"},[_c('span',[_vm._v("鼠标拖拽背景移动，滚轮缩放查看细节")])])])])}
 var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns = []