From f36337a2fb5442241cca477f6b994948dd4d123f Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期日, 08 十月 2023 18:49:45 +0800
Subject: [PATCH] 添加debuggtool
---
src/pages/ai/FileUpload/drop.vue | 64 ++++++++++++++++++++++++++++++++
1 files changed, 64 insertions(+), 0 deletions(-)
diff --git a/src/pages/ai/FileUpload/drop.vue b/src/pages/ai/FileUpload/drop.vue
new file mode 100644
index 0000000..9c88666
--- /dev/null
+++ b/src/pages/ai/FileUpload/drop.vue
@@ -0,0 +1,64 @@
+<template>
+ <div class="uploader-drop" :class="dropClass" ref="drop" v-show="support">
+ <slot></slot>
+ </div>
+</template>
+
+<script>
+import { uploaderMixin, supportMixin } from './common/mixins'
+
+const COMPONENT_NAME = 'uploader-drop'
+
+export default {
+ name: COMPONENT_NAME,
+ mixins: [uploaderMixin, supportMixin],
+ data() {
+ return {
+ dropClass: ''
+ }
+ },
+ methods: {
+ onDragEnter() {
+ this.dropClass = 'uploader-dragover'
+ },
+ onDragLeave() {
+ this.dropClass = ''
+ },
+ onDrop() {
+ this.dropClass = 'uploader-droped'
+ }
+ },
+ mounted() {
+ this.$nextTick(() => {
+ const dropEle = this.$refs.drop
+ const uploader = this.uploader.uploader
+ uploader.assignDrop(dropEle)
+ uploader.on('dragenter', this.onDragEnter)
+ uploader.on('dragleave', this.onDragLeave)
+ uploader.on('drop', this.onDrop)
+ })
+ },
+ beforeDestroy() {
+ const dropEle = this.$refs.drop
+ const uploader = this.uploader.uploader
+ uploader.off('dragenter', this.onDragEnter)
+ uploader.off('dragleave', this.onDragLeave)
+ uploader.off('drop', this.onDrop)
+ uploader.unAssignDrop(dropEle)
+ }
+}
+</script>
+
+<style>
+.uploader-drop {
+ position: relative;
+ padding: 10px;
+ overflow: hidden;
+ border: 1px dashed #ccc;
+ background-color: #f5f5f5;
+}
+.uploader-dragover {
+ border-color: #999;
+ background-color: #f7f7f7;
+}
+</style>
--
Gitblit v1.8.0