| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <template>
- <div class="uploader-files">
- <slot :files="files">
- <ul>
- <li v-for="file in files" :key="file.id">
- <uploader-file :file="file"></uploader-file>
- </li>
- </ul>
- </slot>
- </div>
- </template>
- <script>
- import { uploaderMixin } from '../common/mixins'
- import UploaderFile from './file.vue'
- const COMPONENT_NAME = 'uploader-files'
- export default {
- name: COMPONENT_NAME,
- mixins: [uploaderMixin],
- computed: {
- files () {
- return this.uploader.files
- }
- },
- components: {
- UploaderFile
- }
- }
- </script>
- <style>
- .uploader-files {
- position: relative;
- }
- .uploader-files > ul {
- list-style: none;
- margin: 0;
- padding: 0
- }
- </style>
|