mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
feat(backend): add text translation handler and update task mapping for new translation functionality
This commit is contained in:
keven1024
@@ -13,6 +13,7 @@ import (
|
||||
var handleTaskMap = map[string]func(c *echo.Context) ([]byte, error){
|
||||
"image:compress": task.HandleImageCompress,
|
||||
"image:convert": task.HandleImageConvert,
|
||||
"text:translate": task.HandleTextTranslate,
|
||||
}
|
||||
|
||||
func CreateTask(c *echo.Context) error {
|
||||
|
||||
45
backend/internal/controllers/task/text.go
Normal file
45
backend/internal/controllers/task/text.go
Normal file
@@ -0,0 +1,45 @@
|
||||
package task
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
|
||||
"github.com/labstack/echo/v5"
|
||||
)
|
||||
|
||||
var validProviders = map[string]bool{
|
||||
"google": true,
|
||||
"microsoft": true,
|
||||
"deeplx": true,
|
||||
"deepseek": true,
|
||||
}
|
||||
|
||||
var validSources = map[string]bool{
|
||||
"auto": true,
|
||||
"zh-CN": true,
|
||||
"en": true,
|
||||
"ja": true,
|
||||
"ko": true,
|
||||
}
|
||||
|
||||
type TranslateTextRequest struct {
|
||||
Text string `json:"text"`
|
||||
Source string `json:"source"`
|
||||
Target string `json:"target"`
|
||||
Provider string `json:"provider"`
|
||||
}
|
||||
|
||||
func HandleTextTranslate(c *echo.Context) ([]byte, error) {
|
||||
r := new(TranslateTextRequest)
|
||||
if err := c.Bind(r); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
if r.Text == "" || r.Target == "" || !validProviders[r.Provider] || !validSources[r.Source] {
|
||||
return nil, ErrInvalidRequest
|
||||
}
|
||||
return json.Marshal(map[string]any{
|
||||
"text": r.Text,
|
||||
"source": r.Source,
|
||||
"target": r.Target,
|
||||
"provider": r.Provider,
|
||||
})
|
||||
}
|
||||
120
front/components/Result/TextTranslateResult.vue
Normal file
120
front/components/Result/TextTranslateResult.vue
Normal file
@@ -0,0 +1,120 @@
|
||||
<script setup lang="ts">
|
||||
import VeeForm from '@/components/VeeForm.vue'
|
||||
import MarkdownInputField from '@/components/Field/MarkdownInputField.vue'
|
||||
import SelectField from '@/components/Field/SelectField.vue'
|
||||
import FormButton from '@/components/Field/FormButton.vue'
|
||||
import MarkdownRender from '@/components/MarkdownRender.vue'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { useClipboard } from '@vueuse/core'
|
||||
import { toast } from 'vue-sonner'
|
||||
import type { handleTextComponentProps } from './types'
|
||||
|
||||
const props = defineProps<handleTextComponentProps>()
|
||||
console.log(props?.data)
|
||||
|
||||
const { t } = useI18n()
|
||||
const { copy } = useClipboard()
|
||||
const translatedText = ref('')
|
||||
|
||||
const languageOptions = computed(() => [
|
||||
{ label: t('page.result.textTranslate.language.auto'), value: 'auto' },
|
||||
{ label: t('page.result.textTranslate.language.zh-CN'), value: 'zh-CN' },
|
||||
{ label: t('page.result.textTranslate.language.en'), value: 'en' },
|
||||
{ label: t('page.result.textTranslate.language.ja'), value: 'ja' },
|
||||
{ label: t('page.result.textTranslate.language.ko'), value: 'ko' },
|
||||
])
|
||||
|
||||
const providerOptions = computed(() => [
|
||||
{ label: 'Google', value: 'google' },
|
||||
{ label: 'Microsoft', value: 'microsoft' },
|
||||
{ label: 'DeepSeek', value: 'deepseek' },
|
||||
// { label: 'DeepLX', value: 'deeplx' },
|
||||
])
|
||||
|
||||
const handleCopyText = async (text?: string) => {
|
||||
if (!text) return
|
||||
await copy(text)
|
||||
toast.success('复制成功')
|
||||
}
|
||||
|
||||
const handleRetranslate = async () => {
|
||||
translatedText.value = ''
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<BaseCard class="flex flex-col gap-4" :title="t('page.result.textTranslate.title')" :showBackButton="true">
|
||||
<VeeForm v-slot="{ values, setFieldValue }" :initialValues="{ ...data?.config, input: data?.text }">
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-row justify-between items-end">
|
||||
<div class="flex flex-col gap-1">
|
||||
<Label class="text-xs">{{ t('page.result.textTranslate.sourceLanguage') }}</Label>
|
||||
<SelectField
|
||||
name="source"
|
||||
class="bg-white/70"
|
||||
:placeholder="t('page.result.textTranslate.sourceLanguage')"
|
||||
default-value="auto"
|
||||
:options="languageOptions"
|
||||
rules="required"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-row gap-1">
|
||||
<Button variant="outline" class="bg-white/70" size="icon" @click="handleCopyText(values.input)">
|
||||
<LucideCopy class="size-4" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<MarkdownInputField name="input" rules="required" class="max-h-[30vh] min-h-40 overflow-y-auto max-w-full" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row justify-center items-center gap-2">
|
||||
<Button class="px-10">
|
||||
<LucideArrowUpDown />
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex justify-between gap-3 items-end">
|
||||
<div class="flex flex-row gap-3">
|
||||
<div class="flex flex-row justify-between">
|
||||
<div class="flex flex-col gap-1">
|
||||
<Label class="text-xs">{{ t('page.result.textTranslate.targetLanguage') }}</Label>
|
||||
<SelectField
|
||||
name="target"
|
||||
class="bg-white/70"
|
||||
:placeholder="t('page.result.textTranslate.targetLanguage')"
|
||||
:options="languageOptions"
|
||||
rules="required"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<Label class="text-xs">{{ t('page.result.textTranslate.provider') }}</Label>
|
||||
<SelectField
|
||||
name="provider"
|
||||
class="bg-white/70"
|
||||
:placeholder="t('page.result.textTranslate.provider')"
|
||||
default-value="mtranslate"
|
||||
:options="providerOptions"
|
||||
rules="required"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Button variant="outline" class="bg-white/70" size="icon" @click="handleCopyText(translatedText)">
|
||||
<LucideCopy class="size-4" />
|
||||
</Button>
|
||||
</div>
|
||||
<div class="rounded-md bg-white/50 min-h-48 p-2">
|
||||
<MarkdownRender :markdown="translatedText" class="prose prose-sm max-w-none min-h-40 max-h-[30vh]" />
|
||||
</div>
|
||||
</div>
|
||||
<FormButton @click="handleRetranslate" class="w-full">
|
||||
<LucideLanguages class="size-4" />
|
||||
{{ t('page.result.textTranslate.retranslate') }}
|
||||
</FormButton>
|
||||
</div>
|
||||
</VeeForm>
|
||||
</BaseCard>
|
||||
</template>
|
||||
Reference in New Issue
Block a user