feat: 文件上传

packages/screen/src/component/FileUpload/FileUpload.vue

@@ -46,6 +46,11 @@ const props = defineProps({
     type: String,
     default: ''
   },
+  // 只读模式
+  readonly: {
+    type: Boolean,
+    default: false
+  },
   // 自定义fileType
   fileType: {
     type: Number,

packages/screen/src/component/FileUpload/PreviewBlock.vue

@@ -34,7 +34,7 @@
           <span class="file-size">{{ formatFileSize(file.fileSize) }}</span>
         </div>
         
-        <div class="preview-actions">
+        <div class="preview-actions" v-if="!readonly">
           <el-button
             type="danger"
             :icon="Delete"
@@ -63,10 +63,15 @@ const props = defineProps({
   type: {
     type: String,
     default: 'image'
+  },
+  readonly: {
+    type: Boolean,
+    default: false
   }
 })
 
 const showFileList = computed(() => {
+  if(!props.fileList?.length) return []
   if(props.type == 'image') return props.fileList.filter(file => isImageFile(file))
   if(props.type == 'video') return props.fileList.filter(file => isVideoFile(file))
 })