From a7c8b409c8a4dab77ec674fa706f032263ec57f8 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Fri, 16 May 2025 19:38:39 +0800
Subject: [PATCH] feat(front): add TextUploadView and FileUpload components for
 enhanced file and text sharing functionality

---
 .../{Upload => Home}/File/FileUploadIndexView.vue      | 10 ++++++++--
 .../{Upload => Home}/File/FileUploadInputFileView.vue  |  0
 .../{Upload => Home}/File/FileUploadProgressView.vue   |  0
 .../{Upload => Home}/File/FileUploadResultView.vue     |  8 +++++++-
 front/components/{Upload => Home}/TextUploadView.vue   |  4 ++--
 5 files changed, 17 insertions(+), 5 deletions(-)
 rename front/components/{Upload => Home}/File/FileUploadIndexView.vue (75%)
 rename front/components/{Upload => Home}/File/FileUploadInputFileView.vue (100%)
 rename front/components/{Upload => Home}/File/FileUploadProgressView.vue (100%)
 rename front/components/{Upload => Home}/File/FileUploadResultView.vue (75%)
 rename front/components/{Upload => Home}/TextUploadView.vue (91%)

diff --git a/front/components/Upload/File/FileUploadIndexView.vue b/front/components/Home/File/FileUploadIndexView.vue
similarity index 75%
rename from front/components/Upload/File/FileUploadIndexView.vue
rename to front/components/Home/File/FileUploadIndexView.vue
index f238a6d..301a047 100644
--- a/front/components/Upload/File/FileUploadIndexView.vue
+++ b/front/components/Home/File/FileUploadIndexView.vue
@@ -15,14 +15,20 @@ const step = ref('input')
 const renderComponent = computed(() => {
     return fileStepList.find((item) => item.key === step.value)?.component
 })
+const formRef = ref<InstanceType<typeof VeeForm>>()
+watch(() => step.value, (newVal) => {
+    if (newVal === 'input') {
+        formRef.value?.form?.resetForm()
+        formRef.value?.form?.setValues({ file: null })
+    }
+})
 </script>
 <template>
-    <VeeForm v-slot="{ values }" :keepValues="true">
+    <VeeForm ref="formRef" v-slot="{ values }" :keepValues="true">
         <div class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200">
             <component :is="renderComponent" :data="values" @change="(key: string) => {
                 step = key
             }" />
         </div>
     </VeeForm>
-
 </template>
\ No newline at end of file
diff --git a/front/components/Upload/File/FileUploadInputFileView.vue b/front/components/Home/File/FileUploadInputFileView.vue
similarity index 100%
rename from front/components/Upload/File/FileUploadInputFileView.vue
rename to front/components/Home/File/FileUploadInputFileView.vue
diff --git a/front/components/Upload/File/FileUploadProgressView.vue b/front/components/Home/File/FileUploadProgressView.vue
similarity index 100%
rename from front/components/Upload/File/FileUploadProgressView.vue
rename to front/components/Home/File/FileUploadProgressView.vue
diff --git a/front/components/Upload/File/FileUploadResultView.vue b/front/components/Home/File/FileUploadResultView.vue
similarity index 75%
rename from front/components/Upload/File/FileUploadResultView.vue
rename to front/components/Home/File/FileUploadResultView.vue
index 25d50d3..64710bc 100644
--- a/front/components/Upload/File/FileUploadResultView.vue
+++ b/front/components/Home/File/FileUploadResultView.vue
@@ -5,6 +5,10 @@ const props = defineProps<{
   data: { file: File, config: any, file_handle_type: string, file_id: string }
 }>()
 
+const emit = defineEmits<{
+  (e: 'change', key: string): void
+}>()
+
 // console.log(props.data)
 
 const handleList = [
@@ -18,6 +22,8 @@ const handleComponent = computed(() => {
 </script>
 <template>
   <div class="">
-    <component :is="handleComponent" :data="data" />
+    <component :is="handleComponent" :data="data" @change="(key: string) => {
+      emit('change', key)
+    }" />
   </div>
 </template>
\ No newline at end of file
diff --git a/front/components/Upload/TextUploadView.vue b/front/components/Home/TextUploadView.vue
similarity index 91%
rename from front/components/Upload/TextUploadView.vue
rename to front/components/Home/TextUploadView.vue
index 71a035a..a465098 100644
--- a/front/components/Upload/TextUploadView.vue
+++ b/front/components/Home/TextUploadView.vue
@@ -11,14 +11,14 @@ import TextShareDrawer from '@/components/Drawer/TextShareDrawer.vue'
 import { cx } from 'class-variance-authority'
 </script>
 <template>
-    <VeeForm v-slot="{ setValues, getValues }">
+    <VeeForm v-slot="{ setValues, values }">
         <div class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200 gap-5 flex flex-col">
             <div class="text-xl font-normal">输入文本</div>
             <div class="relative">
                 <MarkdownInputField name="text" placeholder="使用我们的文本处理器轻松分享，翻译，总结，生成图片，询问大模型"
                     class="max-h-[50vh] min-h-40 overflow-y-auto max-w-full [&>*]:pr-10" rules="required" />
                 <Button variant="ghost" size="icon" :class="cx('absolute right-2 top-2 hover:bg-black/10 transition-all duration-300',
-                    get(getValues(), 'text')?.length > 0 ? 'opacity-100' : 'opacity-0 pointer-events-none'
+                    values.text?.length > 0 ? 'opacity-100' : 'opacity-0 pointer-events-none'
                 )" @click="() => {
                     setValues({ text: '' })
                 }">