mirror of https://github.com/rancher/dashboard.git
97 lines
1.4 KiB
JavaScript
97 lines
1.4 KiB
JavaScript
import { _VIEW } from '@/config/query-params';
|
|
|
|
export default {
|
|
inheritAttrs: false,
|
|
|
|
props: {
|
|
mode: {
|
|
type: String,
|
|
default: 'edit',
|
|
},
|
|
|
|
label: {
|
|
type: String,
|
|
default: null
|
|
},
|
|
|
|
required: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
|
|
placeholder: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
|
|
value: {
|
|
type: [String, Number, Object],
|
|
default: ''
|
|
},
|
|
|
|
i18nLabel: {
|
|
type: String,
|
|
default: null
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
raised: this.mode === _VIEW || !!`${ this.value }`,
|
|
focused: false,
|
|
};
|
|
},
|
|
|
|
computed: {
|
|
empty() {
|
|
return !!`${ this.value }`;
|
|
},
|
|
|
|
isView() {
|
|
return this.mode === _VIEW;
|
|
},
|
|
|
|
notView() {
|
|
return (this.mode !== _VIEW);
|
|
},
|
|
|
|
isSearchable() {
|
|
const { searchable } = this;
|
|
const options = ( this.options || [] );
|
|
|
|
if (searchable || options.length >= 10) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
onFocus() {
|
|
this.$emit('on-focus');
|
|
|
|
return this.onFocusLabeled();
|
|
},
|
|
|
|
onFocusLabeled() {
|
|
this.raised = true;
|
|
this.focused = true;
|
|
},
|
|
|
|
onBlur() {
|
|
this.$emit('on-blur');
|
|
|
|
return this.onBlurLabeled();
|
|
},
|
|
|
|
onBlurLabeled() {
|
|
this.focused = false;
|
|
|
|
if ( !this.value ) {
|
|
this.raised = false;
|
|
}
|
|
}
|
|
}
|
|
};
|