Skip to content

CondorUploadSpace

CondorUploadSpace 是从已上传附件库中选择文件的弹窗组件。展示附件库中的文件列表,支持按分组筛选、翻页浏览、预览图片和选择文件。

组件 Props

参数名类型默认值说明
maxnumber1最大可选文件数量

组件事件

事件名说明参数
onSelect确认选择时触发value: string[] — 选中的文件 URL 数组

暴露的方法

方法名说明参数
open打开附件空间弹窗-

基本用法

CondorUploadSpace 通常由 CondorUpload 组件内部调用,通过上传区域的"选择"按钮打开。

vue
<template>
  <div>
    <NButton @click="spaceRef.open()">从附件空间选择</NButton>
    <CondorUploadSpace ref="spaceRef" :max="5" @on-select="handleSelect" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const spaceRef = ref();

const handleSelect = (urls: string[]) => {
  console.log('选中的文件:', urls);
};
</script>

弹窗左侧展示附件分组(CondorAttachmentType),右侧显示该分组下的文件网格。图片类型文件可直接点击预览,非图片类型文件显示对应的文件图标。