<template>
  <div>
    <a-select
      :v-bind="$attrs"
      :allowClear="allowClear"
      :showSearch="showSearch"
      :value="value"
      :optionFilterProp="optionFilterProp"
      @change="handleChange"
    >
      <img slot="clearIcon" src="@/assets/images/icon-close.png" />
      <img slot="suffixIcon" src="@/assets/images/dataManage/pull-down.png" />
      <slot></slot>>
    </a-select>
  </div>
</template>

<script>
export default {
  model: {
    value: "value",
    event: "change",
  },
  props: {
    value: {
      required: true,
      default: "",
    },
    allowClear: {
      default: "",
    },
    showSearch: {
      default: "",
    },
    optionFilterProp: {
      default: "",
    },
  },
  data() {
    return {};
  },
  methods: {
    handleChange(value) {
      this.$emit("change", value);
    },
  },
};
</script>

<style lang="less" scoped>
</style>