zhangzengfei
2023-10-09 8e40a69fcfe8bc799fee141fec953a2b0892dbd4
src/pages/ai/FileUpload/files.vue
New file
@@ -0,0 +1,42 @@
<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>