@infordata/file-manager

FileManager

基于 vue 2.x 和 element-ui 构建的文件资源管理器组件。

快速开始

npm install -S @infordata/file-manager

安装依赖环境:

npm install -S vue-clipboard2 vue-infinite-loading highlight.js v-contextmenu @moefe/vue-aplayer vue-runtime-helpers marked dplayer flv.js hls.js monaco-editor

# 若项目没有引入element-ui：
npm install element-ui
# 请修改FileManager/src/utils/index.js文件，选择你要引入的方式
// import './element-ui' // 按需引入
// import Element from 'element-ui' // 按需引入
// Vue.use(Element)// 按需引入

引入配置文件:

# main.js
import '@/components/FileManager/src/utils' // 在main.js中引入文件夹里的util.js

更改路由:

# router.js
path: '/FileManager*' // 在该页面的路由path后面加通配符*匹配路由

参数说明：

参数	说明	类型	可选值	默认值
prefixPath	当前页面路由path值	string	—	''
baseUrl	请求base地址	string	-	''
url	请求地址对象	object	—	见下表
playerWidth	音乐播放器面板距左侧值（用于左侧有导航栏或者其他元素）	string	-	'0px'
playerWidthWatch	监听音乐播放器面板距左侧值（用于左侧有导航栏或者其他元素，且该元素宽度不定，此时不再接受playerWidth的值，由playerWidthWatch计算宽度）	boolean	-	false

参数url对象说明：

参数	说明	类型	默认值
list	获取列表	string	-
mkdir	新建文件夹	string	-
rename	重命名	string	-
delete	删除	string	-
copy	复制	string	-
move	剪切	string	-
download	下载	string	'/download'
upload	上传	string	'/upload'
search	搜索	string	'/search'

已知问题:

Name	Description
—	描述
路由通配符*	地址栏第一次进入时会出现*
搜索	与后端没有对接口
组件移植	后端返回与操作不同，需要改内部代码