<template>
  <b-field
    class="column mb-0 pb-0"
    label="Número de inventario"
    :class="columnSize"
  >
    <b-input
      icon="clipboard-list-outline"
      placeholder="Número de inventario"
      type="text"
      @keyup.enter.native="ejecutar()"
      v-model="numeroInventario"
      rounded
    />
  </b-field>
</template>

<script>
export default {
  props: {
    ejecutar: { typeof: Function, required: true, default: () => {} },
    numeroInventarioPadre: { typeof: String, required: true, default: '' },
    columnSize: { typeof: String, required: false, default: '' },
  },
  data: () => {
    return { numeroInventario: '' }
  },
  watch: {
    numeroInventario() {
      this.$emit('numero-inventario', this.numeroInventario)
    },
    numeroInventarioPadre() {
      this.numeroInventario = this.numeroInventarioPadre
    },
  },
  created() {
    if (this.numeroInventarioPadre)
      this.numeroInventario = this.numeroInventarioPadre
  },
}
</script>

<style scoped></style>
