素材管理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[])
上次编辑于: 2021年6月15日 21:58
贡献者: matevip