<template>
  <dk-file-list-input v-model="input" :show-input="showInput" :img-size="imgSize" :type="2" :accept="accept" />
</template>

<script>
import DkFileListInput from '../common/DkFileListInput'

export default {
  name: 'DkAudioListInput',
  components: {
    DkFileListInput
  },
  props: {
    placeholder: {
      default: '',
      type: String
    },
    type: {
      default: 1,
      type: [Number, String]
    },
    value: {
      default: () => [],
      type: Array
    },
    showInput: {
      default: true,
      type: Boolean
    },
    imgSize: {
      default: 100,
      type: Number
    },
    accept: {
      default: '',
      type: String
    }
  },
  data() {
    return {
      input: this.value
    }
  },
  computed: {},
  watch: {
    value(val) {
      this.input = val
    },
    input(val) {
      this.$emit('input', val)
    }
  },
  mounted() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">

</style>
