chore: update

src/modules/resource/video/components/BatchImportVideo.vue

@@ -17,13 +17,13 @@ interface Emits {
   (e: 'update:modelValue', modelValue: boolean): void
   (e: 'update'): void
 }
-const uploadMultipleVideoRef = ref()
+const uploadMultipleVideoRef = $ref<InstanceType<typeof UploadMultipleVideo> | null>(null)
 const handleConfirm = () => {
   emit('update:modelValue', false)
   emit('update')
 }
 const handleCancel = () => {
-  const fileList = uploadMultipleVideoRef.value?.uploader?._uploadList || []
+  const fileList = uploadMultipleVideoRef?.uploader?._uploadList || []
   if (fileList.length) {
     for (const item of fileList) {
       if (item.state === 'Uploading') {

src/modules/resource/video/components/UploadMultipleVideo.vue

@@ -121,7 +121,7 @@ const handleView = () => {
 function percentage(value: number) {
   return parseFloat((value ? value * 100 : 0).toFixed(2))
 }
-defineExpose({ uploader, fileList })
+defineExpose({ uploader, fileList: $$(fileList) })
 </script>
 <template>
   <div class="upload-video" style="display: flex; flex-direction: column; align-items: flex-start">
@@ -133,7 +133,7 @@ defineExpose({ uploader, fileList })
 
     <div v-for="(item, index) in fileList" :key="index">
       <div>
-        <span>{{ item.file.name }}</span>
+        <span>{{ item.file?.name }}</span>
         <el-progress style="width: 200px" :percentage="percentage(item.loaded)" />
       </div>
     </div>