mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 15:13:30 +00:00
37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
<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('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> |