<template>

  <el-input
    v-model="condition.name"
    class="search"
    type="text"
    size="small"
    :placeholder="tip"
    prefix-icon="el-icon-search"
    maxlength="60"
    clearable
    @change="search"
  />

</template>

<script>
export default {
  name: 'MsTableSearchBar',
  props: {
    condition: {
      type: Object,
      default: null
    },
    tip: {
      type: String,
      default() {
        return this.$t('commons.search_by_name')
      }
    }
  },
  methods: {
    search() {
      this.$emit('update:condition', this.condition)
      this.$emit('change')
    }
  }
}
</script>

<style scoped>

</style>
