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/mixins/selectable/index.js

156 lines
3.5 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
// Components
import VInput from '../../components/VInput'; // Mixins
import Rippleable from '../rippleable';
import Comparable from '../comparable'; // Utilities
import mixins from '../../util/mixins';
/* @vue/component */
export default mixins(VInput, Rippleable, Comparable).extend({
name: 'selectable',
model: {
prop: 'inputValue',
event: 'change'
},
props: {
id: String,
inputValue: null,
falseValue: null,
trueValue: null,
multiple: {
type: Boolean,
default: null
},
label: String
},
data() {
return {
hasColor: this.inputValue,
lazyValue: this.inputValue
};
},
computed: {
computedColor() {
if (!this.isActive) return undefined;
if (this.color) return this.color;
if (this.isDark && !this.appIsDark) return 'white';
return 'accent';
},
isMultiple() {
return this.multiple === true || this.multiple === null && Array.isArray(this.internalValue);
},
isActive() {
const value = this.value;
const input = this.internalValue;
if (this.isMultiple) {
if (!Array.isArray(input)) return false;
return input.some(item => this.valueComparator(item, value));
}
if (this.trueValue === undefined || this.falseValue === undefined) {
return value ? this.valueComparator(value, input) : Boolean(input);
}
return this.valueComparator(input, this.trueValue);
},
isDirty() {
return this.isActive;
}
},
watch: {
inputValue(val) {
this.lazyValue = val;
this.hasColor = val;
}
},
methods: {
genLabel() {
const label = VInput.options.methods.genLabel.call(this);
if (!label) return label;
label.data.on = {
click: e => {
// Prevent label from
// causing the input
// to focus
e.preventDefault();
this.onChange();
}
};
return label;
},
genInput(type, attrs) {
return this.$createElement('input', {
attrs: Object.assign({
'aria-checked': this.isActive.toString(),
disabled: this.isDisabled,
id: this.computedId,
role: type,
type
}, attrs),
domProps: {
value: this.value,
checked: this.isActive
},
on: {
blur: this.onBlur,
change: this.onChange,
focus: this.onFocus,
keydown: this.onKeydown
},
ref: 'input'
});
},
onBlur() {
this.isFocused = false;
},
onChange() {
if (this.isDisabled) return;
const value = this.value;
let input = this.internalValue;
if (this.isMultiple) {
if (!Array.isArray(input)) {
input = [];
}
const length = input.length;
input = input.filter(item => !this.valueComparator(item, value));
if (input.length === length) {
input.push(value);
}
} else if (this.trueValue !== undefined && this.falseValue !== undefined) {
input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue;
} else if (value) {
input = this.valueComparator(input, value) ? null : value;
} else {
input = !input;
}
this.validate(true, input);
this.internalValue = input;
this.hasColor = input;
},
onFocus() {
this.isFocused = true;
},
/** @abstract */
onKeydown(e) {}
}
});
//# sourceMappingURL=index.js.map