@fengzhongwen/kukan-ui 1.0.19 → 1.0.21
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-5bd93bb8]{margin-top:.15rem;animation:slideDown .3s ease-out}.upload-multiple .upload-loading-mask[data-v-5bd93bb8]{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-5bd93bb8]: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-5bd93bb8 1s linear infinite}@keyframes spin-data-v-5bd93bb8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-multiple .upload-multiple-box[data-v-5bd93bb8]{display:flex}.upload-multiple .upload-multiple-box .upload-multiple-box-right[data-v-5bd93bb8]{height:9rem;margin-left:1rem;position:relative}.upload-multiple .upload-multiple-box .upload-multiple-box-right img[data-v-5bd93bb8]{max-width:21vw;height:100%;border-radius:8px}.upload-multiple .upload-multiple-box .upload-multiple-box-right .upload-multiple-box-close[data-v-5bd93bb8]{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-5bd93bb8]:hover{background-color:#e64949}.upload-multiple .upload_button[data-v-5bd93bb8]{border-radius:5px;margin-top:.5rem;width:100%;transition:all .3s ease}.upload-multiple .upload_button[data-v-5bd93bb8]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_area[data-v-5bd93bb8]{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-5bd93bb8]{font-size:2.5rem;color:#909399;transition:all .3s ease}.upload-multiple .multiple_upload_area div[data-v-5bd93bb8]:nth-child(2){font-size:1rem;color:#606266;transition:all .3s ease}.upload-multiple .uploading_box_hover[data-v-5bd93bb8]{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .uploading_box_hover .el-icon-upload[data-v-5bd93bb8]{color:#1890ff;transform:scale(1.1)}.upload-multiple .uploading_box_hover div[data-v-5bd93bb8]:nth-child(2){color:#1890ff}.upload-multiple .multiple_upload_area_disabled[data-v-5bd93bb8]{cursor:not-allowed}.upload-multiple .small_model[data-v-5bd93bb8]{width:9rem;height:9rem}.upload-multiple .mini_model[data-v-5bd93bb8]{width:5rem;height:1.5rem;padding:.75rem .25rem}.upload-multiple .multiple_upload_area[data-v-5bd93bb8]:hover{border:2px dashed #1890ff;background-color:rgba(24,144,255,.05)}.upload-multiple .multiple_upload_area:hover .el-icon-upload[data-v-5bd93bb8]{color:#1890ff;transform:scale(1.1)}.upload-multiple .multiple_upload_area:hover div[data-v-5bd93bb8]:nth-child(2){color:#1890ff}.upload-multiple .upload-multiple-table[data-v-5bd93bb8]{margin-top:1rem}.upload-multiple .multiple_upload_list[data-v-5bd93bb8]{position:relative;overflow:auto;padding:.5rem;border-radius:4px;background-color:#f6f6f7;margin-top:1rem}.upload-multiple .multiple_upload_list .tip_title[data-v-5bd93bb8]{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-5bd93bb8]{display:flex}.upload-multiple .multiple_upload_list .tip_title .title .total_progress[data-v-5bd93bb8]{display:flex;align-items:center;margin-left:.5rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .logo[data-v-5bd93bb8]{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-5bd93bb8]{width:12rem}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-5bd93bb8] .el-progress-bar__outer{background-color:#b3c3e8}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .el-progress[data-v-5bd93bb8] .el-progress-bar__inner{transition:width .4s ease}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_error[data-v-5bd93bb8]{color:#f56c6c;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_wait[data-v-5bd93bb8]{color:#909399}.upload-multiple .multiple_upload_list .tip_title .title .total_progress .uploading_success[data-v-5bd93bb8]{color:#67c23a;font-weight:500}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-5bd93bb8]{padding:.5rem 1rem;transition:all .3s ease}.upload-multiple .multiple_upload_list .tip_title .el-button[data-v-5bd93bb8]:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.upload-multiple .multiple_upload_list .selected_list_area[data-v-5bd93bb8]{overflow:auto}.upload-multiple .multiple_upload_list .selected_list_area .selected_list[data-v-5bd93bb8]{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-5bd93bb8]{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-5bd93bb8]{height:22rem}}@media screen and (max-width:1600px){.upload-multiple .multiple_upload_list .selected_list_area[data-v-5bd93bb8]{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-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}
|
package/dist/kukan-ui.umd.js
CHANGED
|
@@ -101,17 +101,6 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
101
101
|
|
|
102
102
|
// extracted by mini-css-extract-plugin
|
|
103
103
|
|
|
104
|
-
/***/ }),
|
|
105
|
-
|
|
106
|
-
/***/ "3626":
|
|
107
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
108
|
-
|
|
109
|
-
"use strict";
|
|
110
|
-
/* 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_5bd93bb8_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("98cc");
|
|
111
|
-
/* 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_5bd93bb8_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_5bd93bb8_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
112
|
-
/* unused harmony reexport * */
|
|
113
|
-
|
|
114
|
-
|
|
115
104
|
/***/ }),
|
|
116
105
|
|
|
117
106
|
/***/ "5554":
|
|
@@ -905,7 +894,18 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
905
894
|
|
|
906
895
|
/***/ }),
|
|
907
896
|
|
|
908
|
-
/***/ "
|
|
897
|
+
/***/ "bfdd":
|
|
898
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
899
|
+
|
|
900
|
+
"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__);
|
|
903
|
+
/* unused harmony reexport * */
|
|
904
|
+
|
|
905
|
+
|
|
906
|
+
/***/ }),
|
|
907
|
+
|
|
908
|
+
/***/ "e5ff":
|
|
909
909
|
/***/ (function(module, exports, __webpack_require__) {
|
|
910
910
|
|
|
911
911
|
// extracted by mini-css-extract-plugin
|
|
@@ -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":"
|
|
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
|
|
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=
|
|
1103
|
+
// CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=template&id=4f005bbc&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":"
|
|
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
|
|
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":"
|
|
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
|
|
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 === '上传出错' ||
|
|
@@ -1695,7 +1695,7 @@ const chunkSegmentationSize = 1024 * 1024 * 5;
|
|
|
1695
1695
|
let api = {};
|
|
1696
1696
|
// 默认配置内容管理api
|
|
1697
1697
|
const contentManagement = {
|
|
1698
|
-
checkfileStatusUrl: "/zt-api/resources/
|
|
1698
|
+
checkfileStatusUrl: "/zt-api/resources/check",
|
|
1699
1699
|
filesAllUoloadedUrl: "/zt-api/resources/chunk/merge",
|
|
1700
1700
|
searchFileIsUploadedUrl: "/zt-api/resources/check",
|
|
1701
1701
|
searchChunkIsUploadedUrl: "/zt-api/resources/check/chunk",
|
|
@@ -1814,10 +1814,10 @@ function createConcurrentController(maxConcurrent, onProgress) {
|
|
|
1814
1814
|
) {
|
|
1815
1815
|
console.log("重要:进度条强制不更新", errorTasks.length);
|
|
1816
1816
|
} else {
|
|
1817
|
-
console.log(
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
);
|
|
1817
|
+
// console.log(
|
|
1818
|
+
// "2.进度条为成功状态(异步工具内部更新),错误个数",
|
|
1819
|
+
// errorTasks.length,
|
|
1820
|
+
// );
|
|
1821
1821
|
|
|
1822
1822
|
onProgress({
|
|
1823
1823
|
percentage: progress,
|
|
@@ -1925,7 +1925,6 @@ function createConcurrentController(maxConcurrent, onProgress) {
|
|
|
1925
1925
|
runTasks(taskOption) {
|
|
1926
1926
|
return new Promise((resolve, reject) => {
|
|
1927
1927
|
const allResults = [];
|
|
1928
|
-
let Count = 0;
|
|
1929
1928
|
let hasError = false;
|
|
1930
1929
|
totalTasks = taskOption.length;
|
|
1931
1930
|
|
|
@@ -1934,13 +1933,13 @@ function createConcurrentController(maxConcurrent, onProgress) {
|
|
|
1934
1933
|
this.add(false, item)
|
|
1935
1934
|
.then(result => {
|
|
1936
1935
|
allResults[index] = result;
|
|
1937
|
-
Count++;
|
|
1938
1936
|
// 有结果出错是否停止所有任务,暂时采取停止所有任务
|
|
1939
1937
|
if (
|
|
1940
|
-
(
|
|
1938
|
+
(completedCount + cancleTasks.length === taskOption.length &&
|
|
1939
|
+
!hasError) ||
|
|
1941
1940
|
(result.status === false && !result.skip)
|
|
1942
1941
|
) {
|
|
1943
|
-
resolve(allResults); //
|
|
1942
|
+
resolve(allResults); // 当队列结束或者块队列出现文件错误(且结果为不跳过任务时)则立马返回数据!
|
|
1944
1943
|
}
|
|
1945
1944
|
})
|
|
1946
1945
|
.catch(error => {
|
|
@@ -2015,11 +2014,11 @@ function createConcurrentController(maxConcurrent, onProgress) {
|
|
|
2015
2014
|
// 需要处理块任务和文件任务的结果
|
|
2016
2015
|
task()
|
|
2017
2016
|
.then(result => {
|
|
2018
|
-
console.log(
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
);
|
|
2017
|
+
// console.log(
|
|
2018
|
+
// "1.任务执行完成的返回结果(异步工具函数队列中一个)",
|
|
2019
|
+
// result,
|
|
2020
|
+
// isErrorReset,
|
|
2021
|
+
// );
|
|
2023
2022
|
if (result.status) {
|
|
2024
2023
|
if (isErrorReset) {
|
|
2025
2024
|
completedCount++;
|
|
@@ -2154,6 +2153,9 @@ async function handleFileExistOrNo(fileConfig, addDataBaseLinkConfig) {
|
|
|
2154
2153
|
);
|
|
2155
2154
|
|
|
2156
2155
|
if (add_result.status) {
|
|
2156
|
+
// 步骤2:文件存在,直接新增文件链接
|
|
2157
|
+
console.log("文件已经存在,直接创建新链接");
|
|
2158
|
+
|
|
2157
2159
|
return {
|
|
2158
2160
|
fileIsExist: true,
|
|
2159
2161
|
status: true,
|
|
@@ -2211,22 +2213,24 @@ async function uploadSingleFile(
|
|
|
2211
2213
|
try {
|
|
2212
2214
|
setStep(0, false, "解析中");
|
|
2213
2215
|
|
|
2216
|
+
console.log(
|
|
2217
|
+
"%c 文件上传中:",
|
|
2218
|
+
"color: #2196F3; font-weight: bold;",
|
|
2219
|
+
fileName,
|
|
2220
|
+
);
|
|
2221
|
+
|
|
2214
2222
|
// 步骤1:检查文件是否存在
|
|
2215
2223
|
const fileStorageResult = await handleFileExistOrNo(
|
|
2216
2224
|
{ uploadId, fileHash, fileSize, fileName },
|
|
2217
2225
|
addDataBaseLinkConfig,
|
|
2218
2226
|
);
|
|
2219
2227
|
|
|
2220
|
-
console.log("
|
|
2228
|
+
console.log("是否分块上传?", !fileStorageResult.fileIsExist);
|
|
2221
2229
|
|
|
2222
2230
|
// 文件存在或者内部错误时返回
|
|
2223
2231
|
if (fileStorageResult.fileIsExist || fileStorageResult.error) {
|
|
2224
2232
|
if (fileStorageResult.status) {
|
|
2225
|
-
|
|
2226
|
-
percentage: 100,
|
|
2227
|
-
notShowTip: false,
|
|
2228
|
-
tip: "已完成",
|
|
2229
|
-
});
|
|
2233
|
+
setStep(100, false, "已完成");
|
|
2230
2234
|
return fileStorageResult;
|
|
2231
2235
|
} else {
|
|
2232
2236
|
progress_error();
|
|
@@ -2239,7 +2243,11 @@ async function uploadSingleFile(
|
|
|
2239
2243
|
// 步骤2:上传所有切片
|
|
2240
2244
|
// 准备切片
|
|
2241
2245
|
const chunks = await createChunks(file, [], chunkSegmentationSize);
|
|
2242
|
-
console.
|
|
2246
|
+
console.groupCollapsed(
|
|
2247
|
+
"%c 分片上传流程",
|
|
2248
|
+
"color: #2196F3; font-weight: bold;",
|
|
2249
|
+
);
|
|
2250
|
+
console.log("切片列表", chunks);
|
|
2243
2251
|
|
|
2244
2252
|
// 上传切片
|
|
2245
2253
|
// 1:此处错误处理一部分在并发控制器里面进行(控制自己本身),逻辑:直接改变文件的进度条,进行错误状态,数字文字等回显
|
|
@@ -2271,6 +2279,7 @@ async function uploadSingleFile(
|
|
|
2271
2279
|
|
|
2272
2280
|
// 步骤3:请求后端合并切片
|
|
2273
2281
|
const uploadedFileIsMerge = await informServeUploaded(fileHash, fileSize);
|
|
2282
|
+
console.log("合并切片,结果:", uploadedFileIsMerge);
|
|
2274
2283
|
|
|
2275
2284
|
if (!uploadedFileIsMerge) {
|
|
2276
2285
|
setStep(0, false, "文件合并失败");
|
|
@@ -2284,7 +2293,7 @@ async function uploadSingleFile(
|
|
|
2284
2293
|
};
|
|
2285
2294
|
}
|
|
2286
2295
|
|
|
2287
|
-
console.
|
|
2296
|
+
console.groupEnd();
|
|
2288
2297
|
|
|
2289
2298
|
// 步骤4:轮询检查文件落盘状态
|
|
2290
2299
|
const resultFile = await startCheckfileStatus(
|
|
@@ -2305,6 +2314,7 @@ async function uploadSingleFile(
|
|
|
2305
2314
|
};
|
|
2306
2315
|
}
|
|
2307
2316
|
|
|
2317
|
+
// 步骤5:是否自动创建数据库路径
|
|
2308
2318
|
if (!createLink) {
|
|
2309
2319
|
setStep(100, false, "已完成");
|
|
2310
2320
|
|
|
@@ -2316,7 +2326,7 @@ async function uploadSingleFile(
|
|
|
2316
2326
|
};
|
|
2317
2327
|
}
|
|
2318
2328
|
|
|
2319
|
-
// 步骤
|
|
2329
|
+
// 步骤6:请求数据库创建新的文件路径
|
|
2320
2330
|
const add_result = await addNewFileId(
|
|
2321
2331
|
resultFile.fileId,
|
|
2322
2332
|
programVersion,
|
|
@@ -2532,11 +2542,7 @@ async function uploadChunks(chunks, fileHash, fileName, uploadId, controller) {
|
|
|
2532
2542
|
|
|
2533
2543
|
const result = await Promise.race([uplodChunkPromise, timerPromise]);
|
|
2534
2544
|
|
|
2535
|
-
console.log(
|
|
2536
|
-
"块上传(一个块成功打印,有失败打印,并且直接停止运行上传队列),结果",
|
|
2537
|
-
index,
|
|
2538
|
-
result,
|
|
2539
|
-
);
|
|
2545
|
+
console.log("块上传,序号:", index, result);
|
|
2540
2546
|
|
|
2541
2547
|
return result;
|
|
2542
2548
|
};
|
|
@@ -3380,12 +3386,12 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3380
3386
|
},
|
|
3381
3387
|
// 开始上传按钮的点击事件:上传已经准备好的文件
|
|
3382
3388
|
async startUploadMultipleFiles() {
|
|
3383
|
-
//
|
|
3384
|
-
|
|
3389
|
+
// 避免重复上传
|
|
3390
|
+
const handleUploadFileArr = this.needUploadFilesArr.filter(
|
|
3385
3391
|
item => item.tip !== "已完成",
|
|
3386
3392
|
);
|
|
3387
3393
|
|
|
3388
|
-
if (
|
|
3394
|
+
if (handleUploadFileArr.length === 0) {
|
|
3389
3395
|
this.$message.error("没有需要上传的文件");
|
|
3390
3396
|
return;
|
|
3391
3397
|
}
|
|
@@ -3393,9 +3399,9 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3393
3399
|
try {
|
|
3394
3400
|
this.$message.success("开始上传");
|
|
3395
3401
|
|
|
3396
|
-
this.fileConfig.filetotal_num =
|
|
3402
|
+
this.fileConfig.filetotal_num = handleUploadFileArr.length;
|
|
3397
3403
|
|
|
3398
|
-
|
|
3404
|
+
handleUploadFileArr.forEach(item => {
|
|
3399
3405
|
item.notShowTip = false;
|
|
3400
3406
|
item.tip = "上传中";
|
|
3401
3407
|
item.uploadProgress = 0;
|
|
@@ -3424,8 +3430,8 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3424
3430
|
queued,
|
|
3425
3431
|
skipError,
|
|
3426
3432
|
}) => {
|
|
3427
|
-
console.
|
|
3428
|
-
|
|
3433
|
+
console.log(
|
|
3434
|
+
"%c 文件总进度:", "color: #2196F3; font-weight: bold;", `已完成 ${completed}/${total},正在上传 ${active},排队中 ${queued}, 出错数量 ${skipError} 个`
|
|
3429
3435
|
);
|
|
3430
3436
|
this.fileConfig.overallProgress = percentage;
|
|
3431
3437
|
this.fileConfig.notShowTip = notShowTip;
|
|
@@ -3448,7 +3454,7 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3448
3454
|
};
|
|
3449
3455
|
|
|
3450
3456
|
const result = await uploadFilesConfig_AndStart(
|
|
3451
|
-
|
|
3457
|
+
handleUploadFileArr,
|
|
3452
3458
|
this.multipleChunkConfig.maxConcurrent,
|
|
3453
3459
|
this.fileConfig.maxFileConcurrent,
|
|
3454
3460
|
this.addDataBaseLinkConfig,
|
|
@@ -3459,6 +3465,7 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3459
3465
|
this.apiObj,
|
|
3460
3466
|
);
|
|
3461
3467
|
if (result) {
|
|
3468
|
+
// 这三个事件考虑合并
|
|
3462
3469
|
this.informUploadedOfRefresh();
|
|
3463
3470
|
this.uploadedResult(result);
|
|
3464
3471
|
|
|
@@ -3653,12 +3660,12 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3653
3660
|
}
|
|
3654
3661
|
|
|
3655
3662
|
// 移除已完成的(选完文件移除)
|
|
3656
|
-
const _needUploadFilesArr2 = this.needUploadFilesArr.filter(
|
|
3657
|
-
|
|
3658
|
-
);
|
|
3663
|
+
// const _needUploadFilesArr2 = this.needUploadFilesArr.filter(
|
|
3664
|
+
// item => item.tip !== "已完成",
|
|
3665
|
+
// );
|
|
3659
3666
|
|
|
3660
3667
|
this.needUploadFilesArr = [
|
|
3661
|
-
...
|
|
3668
|
+
...this.needUploadFilesArr,
|
|
3662
3669
|
..._needUploadFilesArr,
|
|
3663
3670
|
];
|
|
3664
3671
|
this.uploadStart();
|
|
@@ -3677,8 +3684,8 @@ async function addNewFileId(id, version_id, fileType) {
|
|
|
3677
3684
|
|
|
3678
3685
|
// CONCATENATED MODULE: ./src/components/FileUpload/index.vue?vue&type=script&lang=js
|
|
3679
3686
|
/* harmony default export */ var components_FileUploadvue_type_script_lang_js = (FileUploadvue_type_script_lang_js);
|
|
3680
|
-
// EXTERNAL MODULE: ./src/components/FileUpload/index.vue?vue&type=style&index=0&id=
|
|
3681
|
-
var
|
|
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");
|
|
3682
3689
|
|
|
3683
3690
|
// CONCATENATED MODULE: ./src/components/FileUpload/index.vue
|
|
3684
3691
|
|
|
@@ -3695,7 +3702,7 @@ var FileUpload_component = normalizeComponent(
|
|
|
3695
3702
|
staticRenderFns,
|
|
3696
3703
|
false,
|
|
3697
3704
|
null,
|
|
3698
|
-
"
|
|
3705
|
+
"4f005bbc",
|
|
3699
3706
|
null
|
|
3700
3707
|
|
|
3701
3708
|
)
|
|
@@ -3710,7 +3717,7 @@ FileUpload.install = function(Vue) {
|
|
|
3710
3717
|
};
|
|
3711
3718
|
|
|
3712
3719
|
/* harmony default export */ var components_FileUpload = (FileUpload);
|
|
3713
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
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
|
|
3714
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("鼠标拖拽背景移动,滚轮缩放查看细节")])])])])}
|
|
3715
3722
|
var VideoPreviewDialogvue_type_template_id_419a04c7_scoped_true_staticRenderFns = []
|
|
3716
3723
|
|