/
ConnectedSlider.js
64 lines (55 loc) · 1.25 KB
/
ConnectedSlider.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
import Slider from 'element-ui/lib/slider'
import noop from 'lodash/noop'
import camelCase from 'lodash/camelCase'
import ConnectedControlMixin from '../mixins/ConnectedControl'
const ConnectedSlider = {
props: {
name: {
type: String,
required: true,
},
value: Number,
step: Number,
min: Number,
max: Number,
showStops: Boolean,
showInput: Boolean,
validators: Array,
asyncValidators: Array,
handleFocus: {
type: Function,
default: noop,
},
handleBlur: {
type: Function,
default: noop,
},
handleChange: {
type: Function,
default: noop,
},
},
mixins: [ConnectedControlMixin],
methods: {
renderComponent(value, setValue) {
return (
<Slider
class={this.class}
name={camelCase(this.name)}
id={camelCase(this.name)}
value={value}
step={this.step}
min={this.min}
max={this.max}
show-stops={this.showStops}
show-input={this.showInput}
on-input={setValue}
on-focus={this.handleFocus}
on-blur={this.handleFieldBlur}
on-change={this.handleFieldChange}
/>
)
},
},
}
export default ConnectedSlider