@fengzhongwen/kukan-ui 1.0.21 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/kukan-ui.css CHANGED
@@ -1 +1 @@
1
- .only_file_area[data-v-cdec1cec]{width:13.5rem;min-height:6rem;padding:1rem;border-radius:15px;border:1px solid #e2e8ef;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.only_file_area[data-v-cdec1cec]:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.only_file_area[data-v-cdec1cec]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#1890ff;transform:scaleY(0);transition:transform .3s ease}.only_file_area[data-v-cdec1cec]:hover:before{transform:scaleY(1)}.only_file_area .file_icon[data-v-cdec1cec]{font-size:2rem;color:#909399;margin-right:1rem;transition:all .3s ease}.only_file_area .file_card_top[data-v-cdec1cec]{display:flex;align-items:center;gap:.4rem}.only_file_area .file_card_top .file_type[data-v-cdec1cec]{width:2.5rem;height:2rem;text-align:center;line-height:2rem;background-color:#e2e8ef;font-weight:600;border-radius:5px;text-transform:uppercase;font-size:12px;white-space:nowrap}.only_file_area .file_card_top .file_name[data-v-cdec1cec]{white-space:nowrap;overflow-x:auto;text-overflow:ellipsis;overflow:hidden;width:12rem;height:1.5rem;min-height:.5rem;font-size:.9rem;font-weight:600;color:#1f283a;word-break:break-all;line-height:1.3}.only_file_area .progress_area[data-v-cdec1cec]{display:flex;align-items:center;justify-content:space-between;width:100%}.only_file_area .progress_area .el-progress[data-v-cdec1cec]{width:100%}.only_file_area .progress_area .el-progress[data-v-cdec1cec] .el-progress-bar__outer{background-color:#b3c3e8}.only_file_area .progress_area .el-progress[data-v-cdec1cec] .el-progress-bar__inner{transition:width .4s ease}.only_file_area .file_card_bottom[data-v-cdec1cec]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.only_file_area .file_card_bottom .option[data-v-cdec1cec]{display:flex;align-items:center;gap:.3rem;height:1.5rem;min-height:.5rem}.only_file_area .file_card_bottom .option .option_text[data-v-cdec1cec]{color:red}.only_file_area .file_card_bottom .option .option_text[data-v-cdec1cec]:hover{text-decoration:underline;cursor:pointer}.only_file_area .file_card_bottom .option .status_text .uploading_error[data-v-cdec1cec]{color:red;font-weight:500}.only_file_area .file_card_bottom .option .status_text .uploading_wait[data-v-cdec1cec]{color:#909399}.only_file_area .file_card_bottom .option .status_text .uploading_success[data-v-cdec1cec]{color:#67c23a;font-weight:500}.only_file_area.only_file_area_isActive[data-v-cdec1cec]{border:1px solid #1890ff;background-color:rgba(24,144,255,.05)}.only_file_area.only_file_area_isActive .file_icon[data-v-cdec1cec]{color:#1890ff;transform:scale(1.1)}.only_file_area.only_file_area_isActive[data-v-cdec1cec]:after{content:"";position:absolute;top:.5rem;right:.5rem;width:16px;height:16px;border-radius:50%;background:#1890ff;box-shadow:0 0 0 2px #fff}.upload_table[data-v-61052c10]{height:100%;width:100%}.upload_table[data-v-61052c10] .el-table__cell{padding:6px 0}.upload_table .header[data-v-61052c10]{height:3rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe6ec;border-bottom:0}.upload_table .header .total[data-v-61052c10]{display:flex;align-items:center;gap:.25rem}.upload_table .file_name[data-v-61052c10]{display:flex;gap:.25rem;overflow:hidden;min-height:.5rem;font-size:.9rem;font-weight:400;color:#1f283a}.upload_table .file_name .file_type[data-v-61052c10]{width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;background-color:#e2e8ef;font-weight:600;border-radius:5px;text-transform:uppercase;font-size:10px;color:#1392e8;white-space:nowrap}.upload_table .option_text[data-v-61052c10]{color:red}.upload_table .option_text[data-v-61052c10]:hover{text-decoration:underline;cursor:pointer}.upload_table .status_text .uploading_error[data-v-61052c10]{color:red;font-weight:500}.upload_table .status_text .uploading_wait[data-v-61052c10]{color:#909399}.upload_table .status_text .uploading_success[data-v-61052c10]{color:#67c23a;font-weight:500}.upload_table .progress_area[data-v-61052c10]{display:flex;align-items:center;justify-content:space-between;width:100%}.upload_table .progress_area .el-progress[data-v-61052c10]{width:100%}.upload_table .progress_area .el-progress[data-v-61052c10] .el-progress-bar__outer{background-color:#b3c3e8}.upload_table .progress_area .el-progress[data-v-61052c10] .el-progress-bar__inner{transition:width .4s ease}.upload-multiple[data-v-4f005bbc]{margin-top:.15rem;animation:slideDown .3s ease-out}.upload-multiple .upload-loading-mask[data-v-4f005bbc]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.9);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.upload-multiple .upload-loading-mask[data-v-4f005bbc]:after{content:"";width:var(--spinner-size,40px);height:var(--spinner-size,40px);border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-data-v-4f005bbc 1s linear infinite}@keyframes spin-data-v-4f005bbc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-multiple .upload-multiple-box[data-v-4f005bbc]{display:flex}.upload-multiple .upload-multiple-box .upload-multiple-box-right[data-v-4f005bbc]{height:9rem;margin-left:1rem;position:relative}.upload-multiple .upload-multiple-box .upload-multiple-box-right img[data-v-4f005bbc]{max-width:21vw;height:100%;border-radius:8px}.upload-multiple .upload-multiple-box .upload-multiple-box-right .upload-multiple-box-close[data-v-4f005bbc]{position:absolute;top:-8px;left:-8px;width:20px;height:20px;border-radius:50%;background-color:#f56c6c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;z-index:10}.upload-multiple .upload-multiple-box .upload-multiple-box-right .upload-multiple-box-close[data-v-4f005bbc]:hover{background-color:#e64949}.upload-multiple .upload_button[data-v-4f005bbc]{border-radius:5px;margin-top:.5rem;width:100%;transition:all .3s ease}.upload-multiple .upload_button[data-v-4f005bbc]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_area[data-v-4f005bbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;position:relative;padding:1.2rem;border:2px dashed #c0c4cc;border-radius:.5rem;width:100%;height:9rem;cursor:pointer}.upload-multiple .multiple_upload_area .el-icon-upload[data-v-4f005bbc]{font-size:2.5rem;color:#909399;transition:all .3s ease}.upload-multiple .multiple_upload_area div[data-v-4f005bbc]:nth-child(2){font-size:1rem;color:#606266;transition:all .3s ease}.upload-multiple .uploading_box_hover[data-v-4f005bbc]{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .uploading_box_hover .el-icon-upload[data-v-4f005bbc]{color:#1890ff;transform:scale(1.1)}.upload-multiple .uploading_box_hover div[data-v-4f005bbc]:nth-child(2){color:#1890ff}.upload-multiple .multiple_upload_area_disabled[data-v-4f005bbc]{cursor:not-allowed}.upload-multiple .small_model[data-v-4f005bbc]{width:9rem;height:9rem}.upload-multiple .mini_model[data-v-4f005bbc]{width:5rem;height:1.5rem;padding:.75rem .25rem}.upload-multiple .multiple_upload_area[data-v-4f005bbc]:hover{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .multiple_upload_area:hover .el-icon-upload[data-v-4f005bbc]{color:#1890ff;transform:scale(1.1)}.upload-multiple .multiple_upload_area:hover div[data-v-4f005bbc]:nth-child(2){color:#1890ff}.upload-multiple .upload-multiple-table[data-v-4f005bbc]{margin-top:1rem}.upload-multiple .multiple_upload_list[data-v-4f005bbc]{position:relative;overflow:auto;padding:.5rem;border-radius:4px;background-color:#f6f6f7;margin-top:1rem}.upload-multiple .multiple_upload_list .tip_title[data-v-4f005bbc]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;padding-top:0}.upload-multiple .multiple_upload_list .tip_title .title[data-v-4f005bbc]{display:flex}.upload-multiple .multiple_upload_list .tip_title .title .total_progress[data-v-4f005bbc]{display:flex;align-items:center;margin-left:.5rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .logo[data-v-4f005bbc]{border-left:8px solid #1890ff;border-radius:2px;width:.1px;height:1rem;margin-bottom:.2rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-4f005bbc]{width:12rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-4f005bbc] .el-progress-bar__outer{background-color:#b3c3e8}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-4f005bbc] .el-progress-bar__inner{transition:width .4s ease}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_error[data-v-4f005bbc]{color:#f56c6c;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_wait[data-v-4f005bbc]{color:#909399}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_success[data-v-4f005bbc]{color:#67c23a;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-4f005bbc]{padding:.5rem 1rem;transition:all .3s ease}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-4f005bbc]:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_list .selected_list_area[data-v-4f005bbc]{overflow:auto}.upload-multiple .multiple_upload_list .selected_list_area .selected_list[data-v-4f005bbc]{margin-top:.2rem;padding:0;width:100%;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.upload-multiple .multiple_upload_list .no_file[data-v-4f005bbc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:2200px){.upload-multiple .multiple_upload_list .selected_list_area[data-v-4f005bbc]{height:22rem}}@media screen and (max-width:1600px){.upload-multiple .multiple_upload_list .selected_list_area[data-v-4f005bbc]{height:15rem}}[data-v-419a04c7] .modern-video-review-dialog{background:transparent!important;box-shadow:none!important}[data-v-419a04c7] .modern-video-review-dialog .el-dialog__header{display:none!important}[data-v-419a04c7] .modern-video-review-dialog .el-dialog__body{padding:0!important}.video-review-container[data-v-419a04c7]{display:flex;flex-direction:column;background-color:#000;position:relative;overflow:hidden;border-radius:12px}.video-review-container .video-review-header[data-v-419a04c7]{flex-shrink:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.video-review-container .file-info[data-v-419a04c7]{display:flex;flex-direction:column}.video-review-container .file-info .file-name[data-v-419a04c7]{font-size:15px;font-weight:600;color:#1a1a1a}.video-review-container .file-info .file-size[data-v-419a04c7]{font-size:11px;color:#909399;margin-top:2px}.video-review-container .video-review-controls[data-v-419a04c7]{display:flex;align-items:center;background:#fff;padding:4px;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.05);border:1px solid #ebeef5}.video-review-container .video-review-controls .zoom-display[data-v-419a04c7]{font-size:13px;font-weight:600;width:50px;text-align:center;color:#303133;font-variant-numeric:tabular-nums}.video-review-container .video-review-controls .control-divider[data-v-419a04c7]{width:1px;height:16px;background:#eee;margin:0 8px}.video-review-container .control-icon-btn[data-v-419a04c7]{width:34px;height:34px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;color:#606266;transition:all .2s}.video-review-container .control-icon-btn[data-v-419a04c7]:hover:not(:disabled){background-color:#f2f6fc;color:#409eff}.video-review-container .control-icon-btn[data-v-419a04c7]:disabled{color:#dcdfe6;cursor:not-allowed}.video-review-container .control-icon-btn.close-btn[data-v-419a04c7]:hover{background-color:#fef0f0;color:#f56c6c}.video-review-container .video-review-content[data-v-419a04c7]{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;height:0;cursor:grab}.video-review-container .video-review-content[data-v-419a04c7]:active{cursor:grabbing}.video-review-container .video-transform-wrapper[data-v-419a04c7]{display:flex;justify-content:center;align-items:center;will-change:transform;width:100%;height:100%}.video-review-container .main-preview-video[data-v-419a04c7]{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain;outline:none;box-shadow:0 10px 30px rgba(0,0,0,.5);background:#000}.video-review-container .status-overlay[data-v-419a04c7]{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center}.video-review-container .status-overlay i[data-v-419a04c7]{font-size:40px;color:#409eff;margin-bottom:8px}.video-review-container .status-overlay p[data-v-419a04c7]{font-size:14px;color:#eee;margin:0}.video-review-container .status-overlay.error i[data-v-419a04c7],.video-review-container .status-overlay.error p[data-v-419a04c7]{color:#f56c6c}.video-review-container .video-review-hint[data-v-419a04c7]{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:10}.video-review-container:hover .video-review-hint[data-v-419a04c7]{opacity:1}.fade-enter-active[data-v-419a04c7],.fade-leave-active[data-v-419a04c7]{transition:opacity .3s}.fade-enter[data-v-419a04c7],.fade-leave-to[data-v-419a04c7]{opacity:0}
1
+ .only_file_area[data-v-cdec1cec]{width:13.5rem;min-height:6rem;padding:1rem;border-radius:15px;border:1px solid #e2e8ef;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.only_file_area[data-v-cdec1cec]:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.only_file_area[data-v-cdec1cec]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#1890ff;transform:scaleY(0);transition:transform .3s ease}.only_file_area[data-v-cdec1cec]:hover:before{transform:scaleY(1)}.only_file_area .file_icon[data-v-cdec1cec]{font-size:2rem;color:#909399;margin-right:1rem;transition:all .3s ease}.only_file_area .file_card_top[data-v-cdec1cec]{display:flex;align-items:center;gap:.4rem}.only_file_area .file_card_top .file_type[data-v-cdec1cec]{width:2.5rem;height:2rem;text-align:center;line-height:2rem;background-color:#e2e8ef;font-weight:600;border-radius:5px;text-transform:uppercase;font-size:12px;white-space:nowrap}.only_file_area .file_card_top .file_name[data-v-cdec1cec]{white-space:nowrap;overflow-x:auto;text-overflow:ellipsis;overflow:hidden;width:12rem;height:1.5rem;min-height:.5rem;font-size:.9rem;font-weight:600;color:#1f283a;word-break:break-all;line-height:1.3}.only_file_area .progress_area[data-v-cdec1cec]{display:flex;align-items:center;justify-content:space-between;width:100%}.only_file_area .progress_area .el-progress[data-v-cdec1cec]{width:100%}.only_file_area .progress_area .el-progress[data-v-cdec1cec] .el-progress-bar__outer{background-color:#b3c3e8}.only_file_area .progress_area .el-progress[data-v-cdec1cec] .el-progress-bar__inner{transition:width .4s ease}.only_file_area .file_card_bottom[data-v-cdec1cec]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.only_file_area .file_card_bottom .option[data-v-cdec1cec]{display:flex;align-items:center;gap:.3rem;height:1.5rem;min-height:.5rem}.only_file_area .file_card_bottom .option .option_text[data-v-cdec1cec]{color:red}.only_file_area .file_card_bottom .option .option_text[data-v-cdec1cec]:hover{text-decoration:underline;cursor:pointer}.only_file_area .file_card_bottom .option .status_text .uploading_error[data-v-cdec1cec]{color:red;font-weight:500}.only_file_area .file_card_bottom .option .status_text .uploading_wait[data-v-cdec1cec]{color:#909399}.only_file_area .file_card_bottom .option .status_text .uploading_success[data-v-cdec1cec]{color:#67c23a;font-weight:500}.only_file_area.only_file_area_isActive[data-v-cdec1cec]{border:1px solid #1890ff;background-color:rgba(24,144,255,.05)}.only_file_area.only_file_area_isActive .file_icon[data-v-cdec1cec]{color:#1890ff;transform:scale(1.1)}.only_file_area.only_file_area_isActive[data-v-cdec1cec]:after{content:"";position:absolute;top:.5rem;right:.5rem;width:16px;height:16px;border-radius:50%;background:#1890ff;box-shadow:0 0 0 2px #fff}.upload_table[data-v-61052c10]{height:100%;width:100%}.upload_table[data-v-61052c10] .el-table__cell{padding:6px 0}.upload_table .header[data-v-61052c10]{height:3rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe6ec;border-bottom:0}.upload_table .header .total[data-v-61052c10]{display:flex;align-items:center;gap:.25rem}.upload_table .file_name[data-v-61052c10]{display:flex;gap:.25rem;overflow:hidden;min-height:.5rem;font-size:.9rem;font-weight:400;color:#1f283a}.upload_table .file_name .file_type[data-v-61052c10]{width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;background-color:#e2e8ef;font-weight:600;border-radius:5px;text-transform:uppercase;font-size:10px;color:#1392e8;white-space:nowrap}.upload_table .option_text[data-v-61052c10]{color:red}.upload_table .option_text[data-v-61052c10]:hover{text-decoration:underline;cursor:pointer}.upload_table .status_text .uploading_error[data-v-61052c10]{color:red;font-weight:500}.upload_table .status_text .uploading_wait[data-v-61052c10]{color:#909399}.upload_table .status_text .uploading_success[data-v-61052c10]{color:#67c23a;font-weight:500}.upload_table .progress_area[data-v-61052c10]{display:flex;align-items:center;justify-content:space-between;width:100%}.upload_table .progress_area .el-progress[data-v-61052c10]{width:100%}.upload_table .progress_area .el-progress[data-v-61052c10] .el-progress-bar__outer{background-color:#b3c3e8}.upload_table .progress_area .el-progress[data-v-61052c10] .el-progress-bar__inner{transition:width .4s ease}.upload-multiple[data-v-641d735d]{margin-top:.15rem;animation:slideDown .3s ease-out}.upload-multiple .upload-loading-mask[data-v-641d735d]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.9);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.upload-multiple .upload-loading-mask[data-v-641d735d]:after{content:"";width:var(--spinner-size,40px);height:var(--spinner-size,40px);border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-data-v-641d735d 1s linear infinite}@keyframes spin-data-v-641d735d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-multiple .upload-multiple-box[data-v-641d735d]{display:flex}.upload-multiple .upload-multiple-box .upload-multiple-box-right[data-v-641d735d]{height:9rem;margin-left:1rem;position:relative}.upload-multiple .upload-multiple-box .upload-multiple-box-right img[data-v-641d735d]{max-width:21vw;height:100%;border-radius:8px}.upload-multiple .upload-multiple-box .upload-multiple-box-right .upload-multiple-box-close[data-v-641d735d]{position:absolute;top:-8px;left:-8px;width:20px;height:20px;border-radius:50%;background-color:#f56c6c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;z-index:10}.upload-multiple .upload-multiple-box .upload-multiple-box-right .upload-multiple-box-close[data-v-641d735d]:hover{background-color:#e64949}.upload-multiple .upload_button[data-v-641d735d]{border-radius:5px;margin-top:.5rem;width:100%;transition:all .3s ease}.upload-multiple .upload_button[data-v-641d735d]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_area[data-v-641d735d]{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;position:relative;padding:1.2rem;border:2px dashed #c0c4cc;border-radius:.5rem;width:100%;height:9rem;cursor:pointer}.upload-multiple .multiple_upload_area .el-icon-upload[data-v-641d735d]{font-size:2.5rem;color:#909399;transition:all .3s ease}.upload-multiple .multiple_upload_area div[data-v-641d735d]:nth-child(2){font-size:1rem;color:#606266;transition:all .3s ease}.upload-multiple .uploading_box_hover[data-v-641d735d]{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .uploading_box_hover .el-icon-upload[data-v-641d735d]{color:#1890ff;transform:scale(1.1)}.upload-multiple .uploading_box_hover div[data-v-641d735d]:nth-child(2){color:#1890ff}.upload-multiple .multiple_upload_area_disabled[data-v-641d735d]{cursor:not-allowed}.upload-multiple .small_model[data-v-641d735d]{width:9rem;height:9rem}.upload-multiple .mini_model[data-v-641d735d]{width:5rem;height:1.5rem;padding:.75rem .25rem}.upload-multiple .multiple_upload_area[data-v-641d735d]:hover{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .multiple_upload_area:hover .el-icon-upload[data-v-641d735d]{color:#1890ff;transform:scale(1.1)}.upload-multiple .multiple_upload_area:hover div[data-v-641d735d]:nth-child(2){color:#1890ff}.upload-multiple .upload-multiple-table[data-v-641d735d]{margin-top:1rem}.upload-multiple .multiple_upload_list[data-v-641d735d]{position:relative;overflow:auto;padding:.5rem;border-radius:4px;background-color:#f6f6f7;margin-top:1rem}.upload-multiple .multiple_upload_list .tip_title[data-v-641d735d]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;padding-top:0}.upload-multiple .multiple_upload_list .tip_title .title[data-v-641d735d]{display:flex}.upload-multiple .multiple_upload_list .tip_title .title .total_progress[data-v-641d735d]{display:flex;align-items:center;margin-left:.5rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .logo[data-v-641d735d]{border-left:8px solid #1890ff;border-radius:2px;width:.1px;height:1rem;margin-bottom:.2rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-641d735d]{width:12rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-641d735d] .el-progress-bar__outer{background-color:#b3c3e8}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-641d735d] .el-progress-bar__inner{transition:width .4s ease}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_error[data-v-641d735d]{color:#f56c6c;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_wait[data-v-641d735d]{color:#909399}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_success[data-v-641d735d]{color:#67c23a;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-641d735d]{padding:.5rem 1rem;transition:all .3s ease}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-641d735d]:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_list .selected_list_area[data-v-641d735d]{overflow:auto}.upload-multiple .multiple_upload_list .selected_list_area .selected_list[data-v-641d735d]{margin-top:.2rem;padding:0;width:100%;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.upload-multiple .multiple_upload_list .no_file[data-v-641d735d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:2200px){.upload-multiple .multiple_upload_list .selected_list_area[data-v-641d735d]{height:22rem}}@media screen and (max-width:1600px){.upload-multiple .multiple_upload_list .selected_list_area[data-v-641d735d]{height:15rem}}[data-v-3f692c5e] .modern-video-review-dialog{background:transparent!important;box-shadow:none!important}[data-v-3f692c5e] .modern-video-review-dialog .el-dialog__header{display:none!important}[data-v-3f692c5e] .modern-video-review-dialog .el-dialog__body{padding:0!important}.video-review-container[data-v-3f692c5e]{display:flex;flex-direction:column;background-color:#000;position:relative;overflow:hidden;border-radius:12px}.video-review-container .video-review-header[data-v-3f692c5e]{flex-shrink:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.video-review-container .file-info[data-v-3f692c5e]{display:flex;flex-direction:column}.video-review-container .file-info .file-name[data-v-3f692c5e]{font-size:15px;font-weight:600;color:#1a1a1a}.video-review-container .file-info .file-size[data-v-3f692c5e]{font-size:11px;color:#909399;margin-top:2px}.video-review-container .video-review-controls[data-v-3f692c5e]{display:flex;align-items:center;background:#fff;padding:4px;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.05);border:1px solid #ebeef5}.video-review-container .video-review-controls .zoom-display[data-v-3f692c5e]{font-size:13px;font-weight:600;width:50px;text-align:center;color:#303133;font-variant-numeric:tabular-nums}.video-review-container .video-review-controls .control-divider[data-v-3f692c5e]{width:1px;height:16px;background:#eee;margin:0 8px}.video-review-container .control-icon-btn[data-v-3f692c5e]{width:34px;height:34px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;color:#606266;transition:all .2s}.video-review-container .control-icon-btn[data-v-3f692c5e]:hover:not(:disabled){background-color:#f2f6fc;color:#409eff}.video-review-container .control-icon-btn[data-v-3f692c5e]:disabled{color:#dcdfe6;cursor:not-allowed}.video-review-container .control-icon-btn.close-btn[data-v-3f692c5e]:hover{background-color:#fef0f0;color:#f56c6c}.video-review-container .video-review-content[data-v-3f692c5e]{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;height:0;cursor:grab}.video-review-container .video-review-content[data-v-3f692c5e]:active{cursor:grabbing}.video-review-container .video-transform-wrapper[data-v-3f692c5e]{display:flex;justify-content:center;align-items:center;will-change:transform;width:100%;height:100%}.video-review-container .main-preview-video[data-v-3f692c5e]{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain;outline:none;box-shadow:0 10px 30px rgba(0,0,0,.5);background:#000}.video-review-container .status-overlay[data-v-3f692c5e]{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center}.video-review-container .status-overlay i[data-v-3f692c5e]{font-size:40px;color:#409eff;margin-bottom:8px}.video-review-container .status-overlay p[data-v-3f692c5e]{font-size:14px;color:#eee;margin:0}.video-review-container .status-overlay.error i[data-v-3f692c5e],.video-review-container .status-overlay.error p[data-v-3f692c5e]{color:#f56c6c}.video-review-container .video-review-hint[data-v-3f692c5e]{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:10}.video-review-container:hover .video-review-hint[data-v-3f692c5e]{opacity:1}.fade-enter-active[data-v-3f692c5e],.fade-leave-active[data-v-3f692c5e]{transition:opacity .3s}.fade-enter[data-v-3f692c5e],.fade-leave-to[data-v-3f692c5e]{opacity:0}
@@ -103,21 +103,17 @@ return /******/ (function(modules) { // webpackBootstrap
103
103
 
104
104
  /***/ }),
105
105
 
106
- /***/ "5554":
106
+ /***/ "45aa":
107
107
  /***/ (function(module, exports, __webpack_require__) {
108
108
 
109
109
  // extracted by mini-css-extract-plugin
110
110
 
111
111
  /***/ }),
112
112
 
113
- /***/ "5d9e":
114
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
115
-
116
- "use strict";
117
- /* 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_419a04c7_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9136");
118
- /* 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_419a04c7_prod_lang_scss_scoped_true__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_419a04c7_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
119
- /* unused harmony reexport * */
113
+ /***/ "5554":
114
+ /***/ (function(module, exports, __webpack_require__) {
120
115
 
116
+ // extracted by mini-css-extract-plugin
121
117
 
122
118
  /***/ }),
123
119
 
@@ -887,29 +883,33 @@ return /******/ (function(modules) { // webpackBootstrap
887
883
 
888
884
  /***/ }),
889
885
 
890
- /***/ "9136":
891
- /***/ (function(module, exports, __webpack_require__) {
892
-
893
- // extracted by mini-css-extract-plugin
894
-
895
- /***/ }),
896
-
897
- /***/ "bfdd":
886
+ /***/ "90f1":
898
887
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
899
888
 
900
889
  "use strict";
901
- /* 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");
902
- /* 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__);
890
+ /* 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_641d735d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("45aa");
891
+ /* 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_641d735d_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_641d735d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
903
892
  /* unused harmony reexport * */
904
893
 
905
894
 
906
895
  /***/ }),
907
896
 
908
- /***/ "e5ff":
897
+ /***/ "9b6a":
909
898
  /***/ (function(module, exports, __webpack_require__) {
910
899
 
911
900
  // extracted by mini-css-extract-plugin
912
901
 
902
+ /***/ }),
903
+
904
+ /***/ "a888":
905
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
906
+
907
+ "use strict";
908
+ /* 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_3f692c5e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9b6a");
909
+ /* 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_3f692c5e_prod_lang_scss_scoped_true__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_3f692c5e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
910
+ /* unused harmony reexport * */
911
+
912
+
913
913
  /***/ }),
914
914
 
915
915
  /***/ "fb15":
@@ -1095,12 +1095,12 @@ function addNewFileOfSubTitle(data, url) {
1095
1095
  });
1096
1096
  }
1097
1097
 
1098
- // 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
1098
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d6c5603c-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=641d735d&scoped=true
1099
1099
  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)}
1100
1100
  var staticRenderFns = []
1101
1101
 
1102
1102
 
1103
- // CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=template&id=4f005bbc&scoped=true
1103
+ // CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=template&id=641d735d&scoped=true
1104
1104
 
1105
1105
  // CONCATENATED MODULE: ./src/components/FileUpload/util.js
1106
1106
  // 辅助函数:获取MIME类型
@@ -1175,7 +1175,7 @@ const fileTypeValidators = {
1175
1175
  // return /^(presentation))|text\/(plain|html|csv|xml|css|javascript|markdown))$/i.test(mime);
1176
1176
  },
1177
1177
  };
1178
- // 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
1178
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d6c5603c-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
1179
1179
  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:{
1180
1180
  only_file_area_isActive: _vm.fileConfig.isSelected,
1181
1181
  'fade-in-element': true,
@@ -1455,7 +1455,7 @@ var component = normalizeComponent(
1455
1455
  )
1456
1456
 
1457
1457
  /* harmony default export */ var UploadCard_Ver_Second = (component.exports);
1458
- // 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
1458
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d6c5603c-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
1459
1459
  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(),(
1460
1460
  scope.row.tip === '已取消' ||
1461
1461
  scope.row.tip === '上传出错' ||
@@ -3376,7 +3376,7 @@ async function addNewFileId(id, version_id, fileType) {
3376
3376
 
3377
3377
  if (this.needUploadFilesArr.length === _neerUploadFilesArr.length) {
3378
3378
  this.$message("没有需要移除的文件");
3379
- return
3379
+ return;
3380
3380
  }
3381
3381
 
3382
3382
  // 需要添加移除文件的钩子函数
@@ -3397,6 +3397,8 @@ async function addNewFileId(id, version_id, fileType) {
3397
3397
  }
3398
3398
 
3399
3399
  try {
3400
+ this.uploadStart();
3401
+
3400
3402
  this.$message.success("开始上传");
3401
3403
 
3402
3404
  this.fileConfig.filetotal_num = handleUploadFileArr.length;
@@ -3431,7 +3433,9 @@ async function addNewFileId(id, version_id, fileType) {
3431
3433
  skipError,
3432
3434
  }) => {
3433
3435
  console.log(
3434
- "%c 文件总进度:", "color: #2196F3; font-weight: bold;", `已完成 ${completed}/${total},正在上传 ${active},排队中 ${queued}, 出错数量 ${skipError} 个`
3436
+ "%c 文件总进度:",
3437
+ "color: #2196F3; font-weight: bold;",
3438
+ `已完成 ${completed}/${total},正在上传 ${active},排队中 ${queued}, 出错数量 ${skipError} 个`,
3435
3439
  );
3436
3440
  this.fileConfig.overallProgress = percentage;
3437
3441
  this.fileConfig.notShowTip = notShowTip;
@@ -3486,6 +3490,7 @@ async function addNewFileId(id, version_id, fileType) {
3486
3490
  }
3487
3491
  }
3488
3492
  } else {
3493
+ this.uploadedResult([]);
3489
3494
  this.$message.error("上传出错!");
3490
3495
  }
3491
3496
  } catch (err) {
@@ -3522,9 +3527,6 @@ async function addNewFileId(id, version_id, fileType) {
3522
3527
 
3523
3528
  const _arr = e.target.files || e.dataTransfer.files;
3524
3529
 
3525
- // 防止出错
3526
- // e.target.value = ""
3527
-
3528
3530
  // 校验文件格式
3529
3531
  Array.from(_arr).forEach((item, index) => {
3530
3532
  if (this.addDataBaseLinkConfig.addFileType === "video") {
@@ -3668,12 +3670,13 @@ async function addNewFileId(id, version_id, fileType) {
3668
3670
  ...this.needUploadFilesArr,
3669
3671
  ..._needUploadFilesArr,
3670
3672
  ];
3671
- this.uploadStart();
3672
-
3673
3673
  // 此处需要额外的处理逻辑,而这个额外的逻辑需要父组件提供
3674
3674
  // 等待父组件通过回调处理筛选逻辑(若父组件未提供回调则立即继续)
3675
3675
  await this.uploadingOtherFilterFun(this.needUploadFilesArr);
3676
3676
 
3677
+ // 防止不能重复上传
3678
+ e.target.value = ""
3679
+
3677
3680
  // 上传分为:1.列表模式点击按钮开始上传。2.选择完文件自动上传。3.通过xxx方法可以选择改变已选文件,然后调用xxx方法实现上传,这几种方法暂时是互斥的
3678
3681
  if (this.needUploadFilesArr.length > 0 && this.autoUpload) {
3679
3682
  this.startUploadMultipleFiles();
@@ -3684,8 +3687,8 @@ async function addNewFileId(id, version_id, fileType) {
3684
3687
 
3685
3688
  // CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=script&lang=js
3686
3689
  /* harmony default export */ var components_FileUploadvue_type_script_lang_js = (FileUploadvue_type_script_lang_js);
3687
- // EXTERNAL MODULE: ./src/components/FileUpload/index.vue?vue&type=style&index=0&id=4f005bbc&prod&scoped=true&lang=scss
3688
- var FileUploadvue_type_style_index_0_id_4f005bbc_prod_scoped_true_lang_scss = __webpack_require__("bfdd");
3690
+ // EXTERNAL MODULE: ./src/components/FileUpload/index.vue?vue&type=style&index=0&id=641d735d&prod&scoped=true&lang=scss
3691
+ var FileUploadvue_type_style_index_0_id_641d735d_prod_scoped_true_lang_scss = __webpack_require__("90f1");
3689
3692
 
3690
3693
  // CONCATENATED MODULE: ./src/components/FileUpload/index.vue
3691
3694
 
@@ -3702,7 +3705,7 @@ var FileUpload_component = normalizeComponent(
3702
3705
  staticRenderFns,
3703
3706
  false,
3704
3707
  null,
3705
- "4f005bbc",
3708
+ "641d735d",
3706
3709
  null
3707
3710
 
3708
3711
  )
@@ -3717,12 +3720,12 @@ FileUpload.install = function(Vue) {
3717
3720
  };
3718
3721
 
3719
3722
  /* harmony default export */ var components_FileUpload = (FileUpload);
3720
- // 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
3721
- 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("鼠标拖拽背景移动,滚轮缩放查看细节")])])])])}
3722
- var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns = []
3723
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d6c5603c-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=3f692c5e&scoped=true
3724
+ var VideoPreviewDialogvue_type_template_id_3f692c5e_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.combinedLoading && !_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.combinedLoading || _vm.loadError || _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.combinedLoading || _vm.loadError || _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:{"disabled":_vm.combinedLoading,"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.combinedLoading && !_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.combinedLoading && !_vm.loadError),expression:"!combinedLoading && !loadError"}],staticClass:"video-transform-wrapper",style:(_vm.videoStyle),on:{"mousedown":_vm.startDrag}},[(_vm.visible && _vm.videoUrl)?_c('video',{key:_vm.videoKey,ref:"videoPlayer",staticClass:"main-preview-video",attrs:{"src":_vm.videoUrl,"autoplay":"","loop":"","playsinline":"","controls":""},on:{"loadedmetadata":_vm.onMetadataLoad,"error":_vm.onVideoError,"canplay":_vm.onCanPlay,"waiting":function($event){_vm.innerLoading = true}}}):_vm._e()])],1),_c('div',{staticClass:"video-review-hint"},[_c('span',[_vm._v("鼠标拖拽背景移动,滚轮缩放查看细节")])])])])}
3725
+ var VideoPreviewDialogvue_type_template_id_3f692c5e_scoped_true_staticRenderFns = []
3723
3726
 
3724
3727
 
3725
- // CONCATENATED MODULE: ./src/components/VideoPreviewDialog/index.vue?vue&type=template&id=419a04c7&scoped=true
3728
+ // CONCATENATED MODULE: ./src/components/VideoPreviewDialog/index.vue?vue&type=template&id=3f692c5e&scoped=true
3726
3729
 
3727
3730
  // CONCATENATED MODULE: ./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=script&lang=js
3728
3731
  //
@@ -3830,9 +3833,10 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3830
3833
  //
3831
3834
  //
3832
3835
  //
3836
+ //
3833
3837
 
3834
3838
  /* harmony default export */ var VideoPreviewDialogvue_type_script_lang_js = ({
3835
- name: "KukanDialogVideoReview",
3839
+ name: "VideoReview",
3836
3840
  props: {
3837
3841
  visible: { type: Boolean, default: false },
3838
3842
  videoUrl: { type: String, required: true },
@@ -3841,14 +3845,16 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3841
3845
  height: { type: String, default: "80vh" },
3842
3846
  topMargin: { type: String, default: "7vh" },
3843
3847
  initialScale: { type: Number, default: 1 },
3848
+ // 新增逻辑:允许手动控制加载状态
3849
+ loading: { type: Boolean, default: false }
3844
3850
  },
3845
3851
  data() {
3846
3852
  return {
3847
3853
  scale: 1,
3848
3854
  minScale: 0.5,
3849
3855
  maxScale: 3,
3850
- loading: true,
3851
- loadError: false, // 错误标记
3856
+ innerLoading: true, // 组件内部加载状态
3857
+ loadError: false,
3852
3858
  videoWidth: 0,
3853
3859
  videoHeight: 0,
3854
3860
  duration: "00:00",
@@ -3856,6 +3862,7 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3856
3862
  translateY: 0,
3857
3863
  isDragging: false,
3858
3864
  hasMoved: false,
3865
+ videoKey: Date.now(), // 核心修复:用于强制刷新 video 标签
3859
3866
  startMousePos: { x: 0, y: 0 },
3860
3867
  mouseStartPos: { x: 0, y: 0 },
3861
3868
  };
@@ -3865,6 +3872,10 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3865
3872
  get() { return this.visible; },
3866
3873
  set(val) { this.$emit("update:visible", val); },
3867
3874
  },
3875
+ // 逻辑合并:外部 prop 或内部加载状态只要有一个在转,就显示 loading
3876
+ combinedLoading() {
3877
+ return this.loading || this.innerLoading;
3878
+ },
3868
3879
  videoStyle() {
3869
3880
  return {
3870
3881
  transform: `translate(${this.translateX}px, ${this.translateY}px) scale(${this.scale})`,
@@ -3875,29 +3886,36 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3875
3886
  watch: {
3876
3887
  visible(val) {
3877
3888
  if (val) {
3878
- this.initStates(); // 每次打开弹窗,初始化状态
3889
+ this.videoKey = Date.now(); // 每次开启弹窗,赋予新 key 强制重载
3890
+ this.initStates();
3879
3891
  window.addEventListener("keydown", this.handleKeyDown);
3880
3892
  } else {
3881
3893
  this.pauseVideo();
3882
3894
  window.removeEventListener("keydown", this.handleKeyDown);
3883
3895
  }
3884
3896
  },
3885
- // 监听 URL 变化:如果弹窗没关闭但切换了视频源,也要重置状态
3886
3897
  videoUrl() {
3887
3898
  if (this.visible) {
3899
+ this.videoKey = Date.now();
3888
3900
  this.initStates();
3889
3901
  }
3890
3902
  }
3891
3903
  },
3892
3904
  methods: {
3893
- // 初始化/重置状态的方法
3894
3905
  initStates() {
3895
- this.loading = true;
3896
- this.loadError = false; // 【核心修复】重置错误状态
3906
+ this.innerLoading = true;
3907
+ this.loadError = false;
3897
3908
  this.videoWidth = 0;
3898
3909
  this.videoHeight = 0;
3899
3910
  this.duration = "00:00";
3900
3911
  this.resetZoom();
3912
+
3913
+ // 显式调用 load() 确保浏览器触发资源请求
3914
+ this.$nextTick(() => {
3915
+ if (this.$refs.videoPlayer) {
3916
+ this.$refs.videoPlayer.load();
3917
+ }
3918
+ });
3901
3919
  },
3902
3920
  onOpened() {
3903
3921
  this.resetZoom();
@@ -3909,13 +3927,12 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3909
3927
  this.duration = this.formatDuration(video.duration);
3910
3928
  },
3911
3929
  onCanPlay() {
3912
- this.loading = false;
3913
- this.loadError = false; // 成功能播放时确保错误关闭
3930
+ this.innerLoading = false;
3931
+ this.loadError = false;
3914
3932
  },
3915
3933
  onVideoError() {
3916
- console.error("Video preview failed to load.");
3917
- this.loading = false;
3918
- this.loadError = true; // 触发错误展示
3934
+ this.innerLoading = false;
3935
+ this.loadError = true;
3919
3936
  },
3920
3937
  formatDuration(seconds) {
3921
3938
  if (!seconds) return "00:00";
@@ -3923,12 +3940,13 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3923
3940
  const sec = Math.floor(seconds % 60);
3924
3941
  return `${min.toString().padStart(2, "0")}:${sec.toString().padStart(2, "0")}`;
3925
3942
  },
3926
- // ... 其他方法 (zoomIn, zoomOut, handleWheel, startDrag 等保持不变) ...
3927
3943
  zoomIn() {
3944
+ if (this.combinedLoading) return; // 加载中禁止缩放
3928
3945
  if (this.scale < this.maxScale)
3929
3946
  this.scale = parseFloat((this.scale + 0.2).toFixed(1));
3930
3947
  },
3931
3948
  zoomOut() {
3949
+ if (this.combinedLoading) return; // 加载中禁止缩放
3932
3950
  if (this.scale > this.minScale)
3933
3951
  this.scale = parseFloat((this.scale - 0.2).toFixed(1));
3934
3952
  },
@@ -3938,6 +3956,7 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3938
3956
  this.translateY = 0;
3939
3957
  },
3940
3958
  handleWheel(e) {
3959
+ if (this.combinedLoading) return;
3941
3960
  const delta = e.deltaY > 0 ? -0.1 : 0.1;
3942
3961
  const newScale = parseFloat((this.scale + delta).toFixed(1));
3943
3962
  if (newScale >= this.minScale && newScale <= this.maxScale) {
@@ -3945,8 +3964,9 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3945
3964
  }
3946
3965
  },
3947
3966
  startDrag(e) {
3967
+ if (this.combinedLoading) return; // 加载中禁止拖拽
3948
3968
  if (e.target.tagName === "VIDEO" && e.offsetY > e.target.offsetHeight - 50) return;
3949
- if (e.button !== 0 || this.loading) return;
3969
+ if (e.button !== 0) return;
3950
3970
  this.isDragging = true;
3951
3971
  this.hasMoved = false;
3952
3972
  this.startMousePos = { x: e.clientX, y: e.clientY };
@@ -3980,7 +4000,7 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3980
4000
  },
3981
4001
  handleKeyDown(e) {
3982
4002
  if (e.key === "Escape") this.closePreview();
3983
- if (e.key === " ") {
4003
+ if (e.key === " " && !this.combinedLoading) {
3984
4004
  e.preventDefault();
3985
4005
  const v = this.$refs.videoPlayer;
3986
4006
  if (v) v.paused ? v.play() : v.pause();
@@ -3996,8 +4016,8 @@ var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns
3996
4016
 
3997
4017
  // CONCATENATED MODULE: ./src/components/VideoPreviewDialog/index.vue?vue&type=script&lang=js
3998
4018
  /* harmony default export */ var components_VideoPreviewDialogvue_type_script_lang_js = (VideoPreviewDialogvue_type_script_lang_js);
3999
- // EXTERNAL MODULE: ./src/components/VideoPreviewDialog/index.vue?vue&type=style&index=0&id=419a04c7&prod&lang=scss&scoped=true
4000
- var VideoPreviewDialogvue_type_style_index_0_id_419a04c7_prod_lang_scss_scoped_true = __webpack_require__("5d9e");
4019
+ // EXTERNAL MODULE: ./src/components/VideoPreviewDialog/index.vue?vue&type=style&index=0&id=3f692c5e&prod&lang=scss&scoped=true
4020
+ var VideoPreviewDialogvue_type_style_index_0_id_3f692c5e_prod_lang_scss_scoped_true = __webpack_require__("a888");
4001
4021
 
4002
4022
  // CONCATENATED MODULE: ./src/components/VideoPreviewDialog/index.vue
4003
4023
 
@@ -4010,11 +4030,11 @@ var VideoPreviewDialogvue_type_style_index_0_id_419a04c7_prod_lang_scss_scoped_t
4010
4030
 
4011
4031
  var VideoPreviewDialog_component = normalizeComponent(
4012
4032
  components_VideoPreviewDialogvue_type_script_lang_js,
4013
- VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_render,
4014
- VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns,
4033
+ VideoPreviewDialogvue_type_template_id_3f692c5e_scoped_true_render,
4034
+ VideoPreviewDialogvue_type_template_id_3f692c5e_scoped_true_staticRenderFns,
4015
4035
  false,
4016
4036
  null,
4017
- "419a04c7",
4037
+ "3f692c5e",
4018
4038
  null
4019
4039
 
4020
4040
  )