-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
/
form-options.js
83 lines (81 loc) · 2.21 KB
/
form-options.js
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 get from '../utils/get'
import { stripTags } from '../utils/html'
import { isArray, isPlainObject, isUndefined } from '../utils/inspect'
import { keys } from '../utils/object'
// @vue/component
export default {
props: {
options: {
type: [Array, Object],
default() {
return []
}
},
valueField: {
type: String,
default: 'value'
},
textField: {
type: String,
default: 'text'
},
htmlField: {
type: String,
default: 'html'
},
disabledField: {
type: String,
default: 'disabled'
}
},
computed: {
formOptions() {
const options = this.options
const valueField = this.valueField
const textField = this.textField
const htmlField = this.htmlField
const disabledField = this.disabledField
if (isArray(options)) {
// Normalize flat-ish arrays to Array of Objects
return options.map(option => {
if (isPlainObject(option)) {
const value = get(option, valueField)
const text = String(get(option, textField))
return {
value: isUndefined(value) ? text : value,
text: stripTags(text),
html: get(option, htmlField),
disabled: Boolean(get(option, disabledField))
}
}
return {
value: option,
text: stripTags(String(option)),
disabled: false
}
})
} else {
// options is Object
// Normalize Objects to Array of Objects
return keys(options).map(key => {
const option = options[key] || {}
if (isPlainObject(option)) {
const value = get(option, valueField)
const text = get(option, textField)
return {
value: isUndefined(value) ? key : value,
text: isUndefined(text) ? stripTags(String(key)) : stripTags(String(text)),
html: get(option, htmlField),
disabled: Boolean(get(option, disabledField))
}
}
return {
value: key,
text: stripTags(String(option)),
disabled: false
}
})
}
}
}
}