VCircle.js
919 Bytes
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
import './VCircle.styl';
import Colorable from 'vuetify/es5/mixins/colorable';
export default {
mixins: [Colorable],
props: {
text: String,
small: Boolean,
large: Boolean,
medium: Boolean,
dot: Boolean,
pill: Boolean,
ring: Boolean
},
computed: {
classes () {
const classes = this.addBackgroundColorClassChecks({
'circle-sm': this.small,
'circle-lg': this.medium,
'circle-xl': this.large,
'circle-ring': this.ring,
'circle-dot': this.dot,
'circle-pill': this.pill,
'theme--light': this.light,
'theme--dark': this.dark
});
return classes;
}
},
render (h) {
const data = {
staticClass: 'circle',
'class': this.classes,
attrs: { tabindex: this.disabled ? -1 : 0 },
on: this.$listeners
};
return h('span', data, [this.$slots.default]);
}
};