load-plugins.js
1.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import Vue from 'vue'
import LbpButton from '../components/plugins/lbp-button'
import LbpPicture from '../components/plugins/lbp-picture'
import LbpText from '../components/plugins/lbp-text'
import LbpFormInput from '../components/plugins/lbp-form-input'
import LbpFormButton from '../components/plugins/lbp-form-button'
import LbpFormRadioGroup from '../components/plugins/lbp-form-radio-group'
export const pluginsList = [
{
title: '图片',
icon: 'photo',
component: LbpPicture,
visible: true,
name: LbpPicture.name
},
{
title: '文字',
icon: 'font',
component: LbpText,
visible: true,
name: LbpText.name
},
{
title: '按钮',
icon: 'hand-pointer-o',
component: LbpButton,
visible: true,
name: LbpButton.name
},
// {
// title: '视频',
// icon: 'play-circle-o',
// component: LbpVideo,
// visible: true,
// name: LbpVideo.name
// },
{
title: '表单输入',
icon: 'pencil-square-o',
component: LbpFormInput,
visible: true,
name: LbpFormInput.name
},
{
title: '表单提交',
icon: 'hand-pointer-o',
component: LbpFormButton,
visible: true,
name: LbpFormButton.name
},
// {
// title: '表单单选',
// icon: 'hand-pointer-o',
// component: LbpFormRadio,
// visible: true,
// name: LbpFormRadio.name
// },
{
title: '表单单选',
icon: 'hand-pointer-o',
component: LbpFormRadioGroup,
visible: true,
name: LbpFormRadioGroup.name
}
]
export default {
data: () => ({
pluginsList
}),
methods: {
mixinPlugins2Editor () {
pluginsList.forEach(plugin => {
// 全局注册组件，便于以后扩展自定义脚本，注释原来的局部注册：this.$options.components[plugin.name] = plugin.component
Vue.component(plugin.name, plugin.component)
})
}
},
created () {
this.mixinPlugins2Editor()
}
}