<template>
  <dk-file-list-input v-model="input" :type="1" :limit="limit" :img-size="imgSize" :disabled="disabled" :accept="accept" />
</template>

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

export default {
  name: 'DkImageListInput',
  components: {
    DkFileListInput
  },
  props: {
    placeholder: {
      default: '',
      type: String
    },
    type: {
      default: 1,
      type: [Number, String]
    },
    value: {
      default: () => {
      },
      type: [Object, Array]
    },
    disabled: {
      default: false,
      type: Boolean
    },
    limit: {
      default: 3,
      type: Number
    },
    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>
