@yhadmin/filemanager v0.5.0

文件管理组件 使用说明

介绍

所需安装依赖

npm i element-plus

使用

<template>
  <!-- 这里的MainPage是文件管理组件 -->
  <!-- model:'default'|'browse'|'select'  模式  default：管理文件（默认），browse：浏览文件，select：选择文件 -->
  <!-- @verify 当model为select时，点击确认按钮触发的事件，参数为选中的文件数组 -->
  <MainPage model="default" :apiOption="apiOption" @verify="verify"></MainPage>
</template>

<script setup>
import MainPage from '@/components/FileManageCom/MainPage.vue';

const apiOption = {
  addFolder:'/meta/FileManage/addFolder',             // 新建文件夹
  getFileList: '/meta/FileManage/getFileList',         // 获取文件列表
  getShareList: '/meta/FileManage/getShareList',        // 获取分享列表
  getFolderList: '/meta/FileManage/getFolderList',      // 获取文件夹列表
  deleteFile: '/meta/FileManage/deleteFile',                     // 删除文件
  deleteFileList:'/meta/FileManage/deleteFile',                 // 批量删除文件
  moveFile:'/meta/FileManage/moveFolderOrFile',                 // 移动文件
  updateFolderName: '/meta/FileManage/updateFolderName',       // 修改文件夹名称

  getTagList: '/meta/FileManage/getTagList',             // 获取标签列表
  addTag: '/meta/FileManage/setTag',                       // 新增标签
  deleteTag: '/meta/FileManage/setTag',                     // 删除标签
  updateTag: '/meta/FileManage/setTag',                       // 修改标签
  addFileToTag: '/meta/FileManage/addFileToTag',                // 给文件添加标签

  shareFile: '/meta/FileManage/shareFile',                      // 分享文件
}

const verify = (e) => {
  console.log(e);
}
</script>