多语言优化和README开发

Author: modstart

README-CN.md

@@ -1,89 +1,81 @@
 # AigcPanel
 
-![](./screenshots/en/home.png)
+![](./screenshots/cn/home.png)
 
-## Guide
+## 软件介绍
 
-【[中文文档](./README-CN.md)】 【[English](./README.md)】
+`AigcPanel` 为简化模型本地调用面板工具，支持语音合成、语音克隆，一键导入和使用AI模型。
 
-`AigcPanel` is an all-in-one mobile phone connection assistant that can easily connect `Android` and computers. After connecting the phone, you can screen mirroring, GIF/MP4 screen recording, screenshots, file management, and phone operation.
+## 功能特性
 
-## Features
+- 支持语音合成、语音克隆
+- 支持 cosyvoice 语音模型
+- 支持多模型导入、模型设置、模型启动停止、模型日志查看
+- 支持国际化，支持简体中文、英语
 
-- multiple phone connect supported
-- screen mirroring, based on scrcpy, support phone operation
-- screenshot, image beautifier will be opened automatically after screenshot
-- GIF/MP4 screen recording
-- application management
-- file management, support upload/download/delete
-- shell command, support adb, screen command and phone shell command
-- 1i8n support, English/Simplified Chinese supported 
+## 功能预览
 
-## Previews
+### 语音克隆
 
-### Screen mirroring
+![](./screenshots/cn/voice-clone.png)
 
-![](./screenshots/en/mirror.png)
+### 语音合成
 
-### Screen recording
+![](./screenshots/cn/voice-tts.png)
 
-![](./screenshots/en/screenrecord.png)
+### 模型导入
 
-### Screenshot
+![](./screenshots/cn/server-import.png)
 
-![](./screenshots/en/screenshot.png)
+### 模型设置
 
-### Command line
+![](./screenshots/cn/server-setting.png)
 
-![](./screenshots/en/screenshot.png)
+### 模型日志
 
-### App management
+![](./screenshots/cn/server-log.png)
 
-![](./screenshots/en/appmanage.png)
+### 关于
 
-## Get the app
+![](./screenshots/cn/about.png)
+
+## 安装使用
 
 ### Windows
 
-- download Windows installer from [https://aigcpanel.com](https://aigcpanel.com)
+- 访问 [https://aigcpanel.com](https://aigcpanel.com) 下载 Windows 安装包，一键安装即可
 
 ### MacOS
 
-- download MacOS installer from [https://aigcpanel.com](https://aigcpanel.com)
-- install `scrcpy` manually, refer to [scrcpy tutorial](https://github.com/Genymobile/scrcpy)
-    - [https://github.com/Genymobile/scrcpy/blob/master/doc/macos.md](https://github.com/Genymobile/scrcpy/blob/master/doc/macos.md)
+- 访问 [https://aigcpanel.com](https://aigcpanel.com) 下载 MacOS 安装包，一键安装完成；
 
 ### Linux
 
-- download Linux installer from [https://aigcpanel.com](https://aigcpanel.com)
-- install `scrcpy` manually, refer to [scrcpy tutorial](https://github.com/Genymobile/scrcpy)
-    - [https://github.com/Genymobile/scrcpy/blob/master/doc/linux.md](https://github.com/Genymobile/scrcpy/blob/master/doc/linux.md)
+- 访问 [https://aigcpanel.com](https://aigcpanel.com) 下载 Linux 安装包，一键安装完成；
+
 
-## We uses
+## 技术栈
 
 - `electron`
 - `vue3`
 - `typescript`
 
-## Development
+## 本地运行开发
 
-> only node 20 tested
+> 仅在 node 20 测试过
 
 ```shell
-# install dependencies
+# 安装依赖
 npm install
-# run in dev mode
+# 调试运行
 npm run dev
-# build
+# 打包
 npm run build
 ```
 
-## Thanks
+## 本程序中使用到了以下开源项目，特此感谢
 
-- [image-beautifier](https://github.com/CH563/image-beautifier)
-- [scrcpy](https://github.com/Genymobile/scrcpy)
-- [adb](https://developer.android.com/studio/command-line/adb)
-- [ffmpeg](https://ffmpeg.org/)
+- [CosyVoice](https://github.com/FunAudioLLM/CosyVoice)
 
 ## License
 

README.md

@@ -1,60 +1,3 @@
-## v0.0.12
-
-- 优化：问题反馈链接直达反馈页面
-- 优化：配置页面逻辑功能优化
-- 修复：快捷键全局注册其他软件失效问题
-- 修复：命令执行返回结果为空时异常显示
-
-## v0.0.11
-
-- 新增：软件退出时，增加记住选择选项
-- 新增：英文截图配图
-- 优化：优化mac托盘图标显示
-
-## v0.0.10
-
-- 新增：断开网络设备端口功能，关闭adb打开的 5555 端口
-- 新增：已投屏设备再次点击投屏关闭投屏
-- 优化：投屏窗口取消置顶
-- 优化：用户头像功能显示
-
-## v0.0.9
-
-- 优化：设备操作按钮根据设备类型和状态显示调整
-
-## v0.0.8
-
-- 新增：增加设备连接向导功能
-- 新增：增加设备类型区分，USB 和 网络
-- 优化：多语言功能优化
-- 优化：adb 在软件关闭时不自动断开
-- 修复：投屏弹出多个成功提示框
-
-## v0.0.7
-
-- 新增: 增加设备置顶功能，便于排序
-- 新增：截图增加图片美化功能
-
-## v0.0.6
-
-- 优化：功能迭代
-
-## v0.0.5
-
-- 优化：功能迭代
-
-## v0.0.4
-
-- 优化：功能迭代
-
-## v0.0.3
-
-- 优化：功能迭代
-
-## v0.0.2
-
-- 优化：功能迭代
-
 ## v0.0.1
 
 - 优化：第一个正式版本发布

changelog.md

@@ -29,56 +29,56 @@ defineExpose({
         <div>
             <div class="border rounded-lg p-3">
                 <div class="flex mb-4">
-                    <div class="w-20">类型</div>
+                    <div class="w-20">{{$t('类型')}}</div>
                     <div>
                         <span v-if="record.type===EnumServerType.LOCAL">
                             <i class="iconfont icon-desktop mr-1"></i>
-                            本地模型
+                            {{ $t('本地模型')}}
                         </span>
                         <span v-else-if="record.type===EnumServerType.REMOTE">
                             <i class="iconfont icon-network mr-1"></i>
-                            远程模型
+                            {{ $t('远程模型')}}
                         </span>
                     </div>
                 </div>
                 <div class="flex mb-4">
-                    <div class="w-20">模型</div>
+                    <div class="w-20">{{ $t('模型')}}</div>
                     <div>
                         {{ props.record.title }}
                     </div>
                 </div>
                 <div class="flex mb-4">
-                    <div class="w-20">版本</div>
+                    <div class="w-20">{{ $t('版本')}}</div>
                     <div>
                         <a-tag>
                             v{{ props.record.version }}
                         </a-tag>
                     </div>
                 </div>
                 <div class="flex mb-4">
-                    <div class="w-20">功能</div>
+                    <div class="w-20">{{ $t('功能')}}</div>
                     <div>
                         <a-tag v-for="label in functionToLabels(record.functions)" class="mr-1">
                             {{ label }}
                         </a-tag>
                     </div>
                 </div>
                 <div class="flex mb-4">
-                    <div class="w-20">标识</div>
+                    <div class="w-20">{{ $t('标识')}}</div>
                     <div>
                         <span class="mr-2 text-sm bg-gray-100 px-2 leading-6 inline-block rounded-lg">
                             {{ props.record.name }}
                         </span>
                     </div>
                 </div>
                 <div class="flex mb-4">
-                    <div class="w-20">服务</div>
+                    <div class="w-20">{{$t('服务')}}</div>
                     <div class="">
                         <div v-if="props.record.runtime?.httpUrl" class="font-mono text-sm">
                             {{ props.record.runtime?.httpUrl }}
                         </div>
                         <div v-else class="text-gray-400 text-sm">
-                            未启动
+                            {{ $t('未启动')}}
                         </div>
                     </div>
                 </div>

screenshots/cn/about.png

@@ -4,6 +4,7 @@ import {computed, ref, toRaw} from "vue";
 import {useServerStore} from "../../store/modules/server";
 import {Dialog} from "../../lib/dialog";
 import {clone, cloneDeep} from "lodash-es";
+import {t} from "../../lang";
 
 const serverStore = useServerStore()
 const props = defineProps<{
@@ -32,7 +33,7 @@ const show = () => {
 
 const doSubmit = async () => {
     await serverStore.updateSetting(props.record.key, cloneDeep(toRaw(setting.value)))
-    Dialog.tipSuccess('设置成功')
+    Dialog.tipSuccess(t('设置成功'))
     visible.value = false
 }
 
@@ -56,21 +57,21 @@ defineExpose({
         </template>
         <div>
             <a-form :model="{}">
-                <a-form-item field="port" label="服务端口">
-                    <a-input placeholder="留空会检测使用随机端口"
+                <a-form-item field="port" :label="$t('服务端口')">
+                    <a-input :placeholder="$t('留空会检测使用随机端口')"
                              :readonly="readonly"
                              v-model="setting.port"/>
                 </a-form-item>
-                <a-form-item field="gpuMode" label="GPU模式">
+                <a-form-item field="gpuMode" :label="$t('GPU模式')">
                     <a-radio-group v-model="setting.gpuMode" :disabled="readonly">
                         <a-radio value="">{{ $t('GPU优先') }}</a-radio>
                         <a-radio value="cpu">{{ $t('使用CPU') }}</a-radio>
                     </a-radio-group>
                 </a-form-item>
-                <a-form-item field="entryCommand" label="启动命令">
+                <a-form-item field="entryCommand" :label="$t('启动命令')">
                     <a-input v-model="setting.entryCommand"
                              :readonly="readonly"
-                             placeholder="留空使用默认启动命令"/>
+                             :placeholder="$t('留空使用默认启动命令')"/>
                 </a-form-item>
             </a-form>
         </div>