0.1.0 • Published 4 years ago
@infordata/file-manager v0.1.0
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 |
|---|---|
| — | 描述 |
| 路由通配符* | 地址栏第一次进入时会出现* |
| 搜索 | 与后端没有对接口 |
| 组件移植 | 后端返回与操作不同，需要改内部代码 |
0.1.0
4 years ago