素材管理API
matevip 2021-6-15 大约 2 分钟
# 一、MaterialManager.vue Api
此为素材管理组件最原始组件,未封装任何后端接口,可完全自定义数据操作。
# 1.1 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
activeCategories | 可用素材类别,设置后只显示可用类别的素材 | String[] | [‘image’,‘video’] |
groupList | 分组数据 | Object[] | [] |
materialList | 素材数据 | Object[] | [] |
materialLoading | 素材加载状态 | Boolean | false |
modal | 是否以模态窗形式显示 | Boolean | false |
pagination | 分页器配置,参考ant-design-vue 分页器组件 | Obejct | —— |
progress | 上传素材时进度显示配置 | Object, Boolean | false |
selectMode | 选择模式:radio-单选模式,multi-多选模式 | String | multi |
size | 尺寸,模态窗显示时窗口尺寸大小。可选 large/middle/small | String | middle |
visible (v-model) | 是否显示模态窗 | Boolean | false |
# 1.2 事件
事件名 | 说明 | 回调函数 |
---|---|---|
group:add | 增加分组时回调 | Function(group: Object<name: String>, category: String) |
group:rename | 分组重命名时回调 | Function(groupId: String, name: String) |
group:delete | 删除分组时回调 | Function(group: Object) |
group:select | 选中分组时回调 | Function(group: Object) |
material:move | 移动至分组时回调 | Function(groupId: String, materialds: String[]) |
material:search | 搜索素材时回调 | Function(keyword: String, groupId: String, category: String) |
material:rename | 素材重命名时回调 | Function(materialId: String, name: String) |
material:upload | 上传素材时回调 | Function(file: File, groupId: String) |
material:delete | 删除素材时回调 | Function(materialIds: String[]) |
category:change | 切换素材类别时触发 | Function(category: String) |
confirm | 确认选中素材时触发 | Fucntion(materialList: Object[]) |
# 二、MaterialUse.vue API
此为简易使用版组件,封装了后端数据接口,使用更简单。
# 2.1 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
activeCategories | 可用素材类别,设置后只显示可用类别的素材 | String[] | [‘image’,‘video’] |
modal | 是否以模态窗形式显示 | Boolean | false |
selectMode | 选择模式:radio-单选模式,multi-多选模式 | String | multi |
size | 尺寸,模态窗显示时窗口尺寸大小。可选 large/middle/small | String | middle |
visible (v-model) | 是否显示模态窗 | Boolean | false |
# 2.2 事件
事件名 | 说明 | 回调函数 |
---|---|---|
confirm | 确认选中素材时触发 | Fucntion(materialList: Object[]) |