<template>
  <a-select v-bind="$attrs" v-model="innerValue" show-arrow>
    <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
  </a-select>
</template>
<script>
export default {
  props: {
    value: {
        type: [String, Number, Array],

    }
  },
  data() {
    return {
        innerValue: this.value
    }
  },
  watch: {
    value () {
        this.innerValue = this.value
    },
    innerValue () {
        this.$emit('input', this.innerValue)
    }
  }
}
</script>
<style lang="less" scoped>
.ant-select {
  .ant-select-arrow-icon {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  &-open {
    .ant-select-arrow-icon {
      transform: rotate(180deg);
    }
  }
}
</style>
