CondorUploadSpace
CondorUploadSpace 是从已上传附件库中选择文件的弹窗组件。展示附件库中的文件列表,支持按分组筛选、翻页浏览、预览图片和选择文件。
组件 Props
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| max | number | 1 | 最大可选文件数量 |
组件事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| 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),右侧显示该分组下的文件网格。图片类型文件可直接点击预览,非图片类型文件显示对应的文件图标。