@veritree/ui 0.19.2-21 → 0.19.2-23

package/src/components/Input/VTInputUpload.vue

@@ -1,54 +0,0 @@
-<template>
-  <label
-    class="flex h-full w-full flex-col items-center justify-center rounded border-2 border-dotted border-white p-4 text-center hover:border-fl-500 hover:bg-fd-500"
-    :class="{ 'border-fl-500 bg-fd-500': isDraggingOver }"
-    @drop.prevent="onDrop"
-    @dragover.prevent="onDragOver"
-    @dragleave.prevent="onDragLeave"
-  >
-    <IconImagePlaceholder class="mb-3" />
-    <span>Drop your images here, or click to browse</span>
-    <VTInput type="file" class="sr-only" v-bind="$attrs" @change="onChange" />
-  </label>
-</template>
-
-<script>
-import { IconImagePlaceholder } from '@veritree/icons';
-import VTInput from './VTInput.vue';
-
-export default {
-  name: 'VTInputFile',
-
-  components: {
-    VTInput,
-    IconImagePlaceholder,
-  },
-
-  inheritAttrs: false,
-
-  data() {
-    return {
-      isDraggingOver: false,
-    };
-  },
-
-  methods: {
-    onDrop(event) {
-      this.isDraggingOver = false;
-      this.$emit('drop', event);
-    },
-
-    onDragOver() {
-      this.isDraggingOver = true;
-    },
-
-    onDragLeave() {
-      this.isDraggingOver = false;
-    },
-
-    onChange(event) {
-      this.$emit('change', event);
-    },
-  },
-};
-</script>