forked from daren.hsu/line_push
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
// Styles
|
|
import "../../../src/components/VBtnToggle/VBtnToggle.sass"; // Mixins
|
|
|
|
import ButtonGroup from '../../mixins/button-group';
|
|
import Colorable from '../../mixins/colorable'; // Utilities
|
|
|
|
import mixins from '../../util/mixins';
|
|
/* @vue/component */
|
|
|
|
export default mixins(ButtonGroup, Colorable).extend({
|
|
name: 'v-btn-toggle',
|
|
props: {
|
|
backgroundColor: String,
|
|
borderless: Boolean,
|
|
dense: Boolean,
|
|
group: Boolean,
|
|
rounded: Boolean,
|
|
shaped: Boolean,
|
|
tile: Boolean
|
|
},
|
|
computed: {
|
|
classes() {
|
|
return { ...ButtonGroup.options.computed.classes.call(this),
|
|
'v-btn-toggle': true,
|
|
'v-btn-toggle--borderless': this.borderless,
|
|
'v-btn-toggle--dense': this.dense,
|
|
'v-btn-toggle--group': this.group,
|
|
'v-btn-toggle--rounded': this.rounded,
|
|
'v-btn-toggle--shaped': this.shaped,
|
|
'v-btn-toggle--tile': this.tile,
|
|
...this.themeClasses
|
|
};
|
|
}
|
|
|
|
},
|
|
methods: {
|
|
genData() {
|
|
const data = this.setTextColor(this.color, { ...ButtonGroup.options.methods.genData.call(this)
|
|
});
|
|
if (this.group) return data;
|
|
return this.setBackgroundColor(this.backgroundColor, data);
|
|
}
|
|
|
|
}
|
|
});
|
|
//# sourceMappingURL=VBtnToggle.js.map
|