zs-upload-files 文件上传组件

功能描述

文件上传组件，支持多文件上传、拖拽上传、文件预览和下载等功能。

属性

属性名	类型	说明
v-model	Array<any>	已上传文件列表
multiple	boolean	是否支持多文件上传
limit	number	最大上传数量，0 表示无限制
draggable	boolean	是否支持拖拽上传

事件

事件名	说明	参数
add	文件上传成功时触发	上传成功的文件信息
remove	文件删除时触发	删除的文件信息

使用示例

<template>
  <zs-upload-files
    v-model="fileList"
    :multiple="true"
    :limit="5"
    :draggable="true"
    @add="handleAdd"
    @remove="handleRemove"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import ZsUploadFiles from '@/components/zs-upload-files';

const fileList = ref([]);

const handleAdd = (file) => {
  console.log('文件上传成功:', file);
};

const handleRemove = (file) => {
  console.log('文件删除:', file);
};
</script>