feat(front): add TextUploadView and FileUpload components for enhanced file and text sharing functionality

front/components/Home/File/FileUploadInputFileView.vue

@@ -0,0 +1,37 @@
+<script lang="ts" setup>
+import showDrawer from '~/lib/showDrawer'
+import FileShareDrawer from '@/components/Drawer/FileShareDrawer.vue'
+import FileUploadField from '@/components/Field/FileUploadField.vue'
+import FormButton from '@/components/Field/FormButton.vue'
+// const form = useFormContext()
+
+const emit = defineEmits<{
+    (e: 'change', key: string): void
+}>()
+
+const handleFormSubmit = async (form: any) => {
+  const { file } = form?.values || {}
+  showDrawer({
+    render: ({ hide }) => h(FileShareDrawer, {
+      hide, file, onFileHandle: ({ type, config }) => {
+        form.setFieldValue('file_handle_type', type)
+        form.setFieldValue('config', config)
+        emit('change', 'progress')
+      }
+    })
+  })
+}
+</script>
+
+
+<template>
+    <div class="gap-5 flex flex-col">
+        <div class="text-xl font-normal">上传文件</div>
+        <FileUploadField name="file" rules="required" />
+        <div class="flex flex-row gap-3">
+            <FormButton @click="handleFormSubmit">
+                <LucideShare class="size-4" />提交
+            </FormButton>
+        </div>
+    </div>
+</template>