Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 | 1x 3x 2x 2x 1x 1x 6x 3x 3x 12x 6x 6x 2x 2x 4x 4x | // @ts-check
import { get, isEmpty, isNil, omit, toString } from "lodash";
import InputError from "./InputError.vue";
import InputErrorMixin from "./InputErrorMixin";
import Vue from "vue";
/**
* @typedef {{
* hiddenInput: HTMLInputElement
* }} Refs
*/
const component = /** @type {V.Constructor<any, Refs>} */ (Vue).extend({
name: "BaseInputReadonly",
components: { InputError },
mixins: [ InputErrorMixin ],
model: { prop: "value", event: "edit" },
props: {
value: { type: [ String, Number ], default: undefined },
inEdit: { type: Boolean, default: false }
},
/**
* @return {{
* editValue?: string | null
* }}
*/
data() { return { editValue: null }; },
watch: {
/**
* @param {string|number|null} v
* @param {string|number|null} old
*/
value(v /*: ?(string|number) */, old /*: ?(string|number) */) {
Eif (isEmpty(this.editValue) || (this.editValue === toString(old))) {
this.editValue = toString(v);
}
},
/**
* @param {boolean} v
*/
inEdit(v /*: boolean */) {
Eif (v) {
this.editValue = toString(this.value); /* clear old editValue when entering edit */
}
},
/**
* @return {void}
*/
editValue: function() {
this.$emit("edit", this.editValue);
}
},
mounted() {
Eif (!isNil(this.value)) {
this.editValue = toString(this.value);
}
},
methods: {
/**
* @returns {Record<string, string>}
*/
filterAttrs() {
return omit(this.$attrs, [ "readonly" ]);
},
/**
* @return {Promise<boolean>}
*/
checkValidity() {
return this.$nextTick()
.then(() => {
if (this.$refs["hiddenInput"].checkValidity()) {
this.removeError("b-checkValidity");
return true;
}
else {
this.addError("b-checkValidity",
get(this.$refs["hiddenInput"], "validationMessage", "invalid value"));
return false;
}
});
}
}
});
export default component;
|