This repository has been archived on 2024-07-27. You can view files and clone it, but cannot push or open issues or pull requests.
keksAccountGUI/node_modulesOLD/vuetify/lib/components/VCheckbox/VCheckbox.js

101 lines
2.5 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
// Styles
import "../../../src/components/VCheckbox/VCheckbox.sass";
import "../../../src/styles/components/_selection-controls.sass"; // Components
import VIcon from '../VIcon';
import VInput from '../VInput'; // Mixins
import Selectable from '../../mixins/selectable';
/* @vue/component */
export default Selectable.extend({
name: 'v-checkbox',
props: {
indeterminate: Boolean,
indeterminateIcon: {
type: String,
default: '$vuetify.icons.checkboxIndeterminate'
},
onIcon: {
type: String,
default: '$vuetify.icons.checkboxOn'
},
offIcon: {
type: String,
default: '$vuetify.icons.checkboxOff'
}
},
data() {
return {
inputIndeterminate: this.indeterminate
};
},
computed: {
classes() {
return { ...VInput.options.computed.classes.call(this),
'v-input--selection-controls': true,
'v-input--checkbox': true,
'v-input--indeterminate': this.inputIndeterminate
};
},
computedIcon() {
if (this.inputIndeterminate) {
return this.indeterminateIcon;
} else if (this.isActive) {
return this.onIcon;
} else {
return this.offIcon;
}
},
// Do not return undefined if disabled,
// according to spec, should still show
// a color when disabled and active
validationState() {
if (this.disabled && !this.inputIndeterminate) return undefined;
if (this.hasError && this.shouldValidate) return 'error';
if (this.hasSuccess) return 'success';
if (this.hasColor) return this.computedColor;
return undefined;
}
},
watch: {
indeterminate(val) {
this.inputIndeterminate = val;
},
inputIndeterminate(val) {
this.$emit('update:indeterminate', val);
},
isActive() {
if (!this.indeterminate) return;
this.inputIndeterminate = false;
}
},
methods: {
genCheckbox() {
return this.$createElement('div', {
staticClass: 'v-input--selection-controls__input'
}, [this.genInput('checkbox', { ...this.$attrs,
'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
}), this.genRipple(this.setTextColor(this.validationState)), this.$createElement(VIcon, this.setTextColor(this.validationState, {
props: {
dark: this.dark,
light: this.light
}
}), this.computedIcon)]);
},
genDefaultSlot() {
return [this.genCheckbox(), this.genLabel()];
}
}
});
//# sourceMappingURL=VCheckbox.js.map