index.js
3.51 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
import Code from './code'
import Confirm from './confirm'
import Detail from './detail'
import Editor from './editor'
import FileUpload from './file-upload'
import Form from './form'
import ImageUpload from './Image-upload'
import ImageUploadMultiple from './Image-upload/multiple'
import ImageView from './image-view'
import KeywordInput from './keyword-input'
import RadioGroup from './radio-group'
import Scheme from './scheme'
import Search from './search'
import Select from './select'
import StatusIndicator from './status-indicator'
import SwitchButton from './switch-button'
import Table from './table'
import TreeSelect from './tree-select'
const components = {
Code,
Confirm,
Detail,
Editor,
FileUpload,
Form,
ImageUpload,
ImageUploadMultiple,
ImageView,
KeywordInput,
RadioGroup,
Scheme,
Search,
Select,
StatusIndicator,
SwitchButton,
Table,
TreeSelect
}
// 给组件库配置install方法
const install = function (Vue, opts = {}) {
Object.values(components).forEach(component => {
// 组件前缀
const prefix = opts.name || 'eagle';
// 配置组件名称
const name = prefix + component.name
component.name = name
const emptyMethod = () => undefined;
if (component.computed) {
component.computed.prefix = () => { return prefix };
} else {
component.computed = { prefix: () => { return prefix } }
}
if (component.methods) {
component.methods.i18n = opts.i18n || emptyMethod;
if (component.name.indexOf('Scheme') > -1) {
if (opts.currPageAlias) {
component.computed.currPageAlias = () => opts.currPageAlias;
}
if (opts.pageSizeAlias) {
component.computed.pageSizeAlias = () => opts.pageSizeAlias;
}
if (opts.totalCountAlias) {
component.computed.totalCountAlias = () => opts.totalCountAlias;
}
if (opts.searchMethod) {
component.computed.searchMethod = () => opts.searchMethod;
}
if (opts.getMethod) {
component.computed.getMethod = () => opts.getMethod;
}
if (opts.newMethod) {
component.computed.newMethod = () => opts.newMethod;
}
if (opts.editMethod) {
component.computed.editMethod = () => opts.editMethod;
}
if (opts.deleteMethod) {
component.computed.deleteMethod = () => opts.deleteMethod;
}
if (opts.searchFilter) {
component.methods.searchFilter = opts.searchFilter;
}
if (opts.resultFilter) {
component.methods.resultFilter = opts.resultFilter;
}
if (opts.detailFilter) {
component.methods.detailFilter = opts.detailFilter;
}
if (opts.getFilter) {
component.methods.getFilter = opts.getFilter;
}
if (opts.deleteFilter) {
component.methods.deleteFilter = opts.deleteFilter;
}
if (opts.newFilter) {
component.methods.newFilter = opts.newFilter;
}
if (opts.editFilter) {
component.methods.editFilter = opts.editFilter;
}
if (opts.successFilter) {
component.methods.successFilter = opts.successFilter;
}
}
} else {
component.methods = { i18n: opts.i18n || emptyMethod }
}
// 给每个子组件配置install方法
component.install = function (Vue) {
Vue.component(name, component)
}
// 将每个子组件注册为全局组件
Vue.component(name, component)
})
}
export default {
install,
...components
}