julian/ai-translate-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

support generic openai api

Browse Source
This commit is contained in:
Julian Freeman
2026-02-23 18:33:13 -04:00
parent 8df295cbf5
commit f84ee6ced7
7 changed files with 77 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/App.vue
View File

@@ -181,7 +181,9 @@ const translate = async () => {
const requestBody = {
model: settings.modelName,
prompt: prompt,
messages: [
{ role: "user", content: prompt }
],
stream: settings.enableStreaming
};
@@ -189,7 +191,8 @@ const translate = async () => {
try {
const response = await invoke<string>('translate', {
apiAddress: settings.ollamaApiAddress,
apiAddress: settings.apiBaseUrl,
apiKey: settings.apiKey,
payload: requestBody
});
@@ -463,29 +466,38 @@ const translate = async () => {
<div v-else-if="view === 'settings'" class="flex-1 overflow-y-auto bg-slate-50 dark:bg-slate-950 p-6 md:p-10 min-h-0">
<div class="max-w-2xl mx-auto space-y-8">
<section>
<h2 class="text-sm font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider mb-4">API 配置</h2>
<h2 class="text-sm font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider mb-4">模型接口配置</h2>
<div class="bg-white dark:bg-slate-900 rounded-xl shadow-sm border dark:border-slate-800 p-6 space-y-4">
<div class="space-y-2">
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">Ollama API 地址</label>
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">API Base URL</label>
<input
v-model="settings.ollamaApiAddress"
v-model="settings.apiBaseUrl"
type="text"
class="w-full px-4 py-2 border dark:border-slate-700 rounded-lg bg-transparent focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none transition-all font-mono text-slate-900 dark:text-slate-100"
placeholder="http://localhost:11434"
placeholder="https://api.openai.com/v1"
/>
</div>
<div class="space-y-2">
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">Ollama 模型名称</label>
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">API Key</label>
<input
v-model="settings.apiKey"
type="password"
class="w-full px-4 py-2 border dark:border-slate-700 rounded-lg bg-transparent focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none transition-all font-mono text-sm text-slate-900 dark:text-slate-100"
placeholder="sk-..."
/>
</div>
<div class="space-y-2">
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">Model</label>
<input
v-model="settings.modelName"
type="text"
class="w-full px-4 py-2 border dark:border-slate-700 rounded-lg bg-transparent focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none transition-all font-mono text-sm text-slate-900 dark:text-slate-100"
placeholder="translategemma:12b"
placeholder="gpt-3.5-turbo"
/>
</div>
<div class="flex items-center justify-between">
<div>
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">启用流式输出</label>
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">流式输出</label>
<p class="text-xs text-slate-500 dark:text-slate-500">在生成时即时渲染文本</p>
</div>
<button
@@ -569,7 +581,7 @@ const translate = async () => {
<!-- Footer -->
<footer class="h-8 bg-slate-100 dark:bg-slate-900 border-t dark:border-slate-800 flex items-center px-4 justify-between shrink-0">
<div class="text-[10px] text-slate-400 dark:text-slate-500">
{{ settings.ollamaApiAddress }}
{{ settings.apiBaseUrl }}
</div>
<div class="text-[10px] text-slate-400 dark:text-slate-500">
Client v{{ pkg.version }}