123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- // Styles
- import '../../../src/stylus/components/_overflow-buttons.styl';
- // Extensions
- import VSelect from '../VSelect/VSelect';
- import VAutocomplete from '../VAutocomplete';
- import VTextField from '../VTextField/VTextField';
- import VBtn from '../VBtn';
- import { consoleWarn } from '../../util/console';
- /* @vue/component */
- export default VAutocomplete.extend({
- name: 'v-overflow-btn',
- props: {
- segmented: Boolean,
- editable: Boolean,
- transition: VSelect.options.props.transition
- },
- computed: {
- classes: function classes() {
- return Object.assign(VAutocomplete.options.computed.classes.call(this), {
- 'v-overflow-btn': true,
- 'v-overflow-btn--segmented': this.segmented,
- 'v-overflow-btn--editable': this.editable
- });
- },
- isAnyValueAllowed: function isAnyValueAllowed() {
- return this.editable || VAutocomplete.options.computed.isAnyValueAllowed.call(this);
- },
- isSingle: function isSingle() {
- return true;
- },
- computedItems: function computedItems() {
- return this.segmented ? this.allItems : this.filteredItems;
- },
- $_menuProps: function $_menuProps() {
- var props = VAutocomplete.options.computed.$_menuProps.call(this);
- props.transition = props.transition || 'v-menu-transition';
- return props;
- }
- },
- methods: {
- genSelections: function genSelections() {
- return this.editable ? VAutocomplete.options.methods.genSelections.call(this) : VSelect.options.methods.genSelections.call(this); // Override v-autocomplete's override
- },
- genCommaSelection: function genCommaSelection(item, index, last) {
- return this.segmented ? this.genSegmentedBtn(item) : VSelect.options.methods.genCommaSelection.call(this, item, index, last);
- },
- genInput: function genInput() {
- var input = VTextField.options.methods.genInput.call(this);
- input.data.domProps.value = this.editable ? this.internalSearch : '';
- input.data.attrs.readonly = !this.isAnyValueAllowed;
- return input;
- },
- genLabel: function genLabel() {
- if (this.editable && this.isFocused) return null;
- var label = VTextField.options.methods.genLabel.call(this);
- if (!label) return label;
- // Reset previously set styles from parent
- label.data.style = {};
- return label;
- },
- genSegmentedBtn: function genSegmentedBtn(item) {
- var _this = this;
-
- var itemValue = this.getValue(item);
- var itemObj = this.computedItems.find(function (i) {
- return _this.getValue(i) === itemValue;
- }) || item;
- if (!itemObj.text || !itemObj.callback) {
- consoleWarn('When using \'segmented\' prop without a selection slot, items must contain both a text and callback property', this);
- return null;
- }
- return this.$createElement(VBtn, {
- props: { flat: true },
- on: {
- click: function click(e) {
- e.stopPropagation();
- itemObj.callback(e);
- }
- }
- }, [itemObj.text]);
- }
- }
- });
- //# sourceMappingURL=VOverflowBtn.js.map
|