请手动前往文件夹查看：{}", 259 | e, final_path 260 | )), 261 | None, 262 | ) 263 | })?; 264 | } 265 | 266 | // 编码成base64 267 | let base64_audio = encode_audio_to_base64(&output_path)?; 268 | 269 | Ok(CustomResult::success( 270 | None, 271 | Some(json!({"audio": base64_audio})), 272 | )) 273 | } 274 | 275 | #[tauri::command] 276 | pub async fn get_exe_path() -> Result
90 |
95 |
96 |
99 |
100 |
103 |
104 |
106 |
107 |
108 |
--------------------------------------------------------------------------------
/src/assets/base.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --ev-c-white: #ffffff;
3 | --ev-c-white-soft: #f8f8f8;
4 | --ev-c-white-mute: #f2f2f2;
5 |
6 | --ev-c-black: #1b1b1f;
7 | --ev-c-black-soft: #222222;
8 | --ev-c-black-mute: #282828;
9 |
10 | --ev-c-gray-1: #515c67;
11 | --ev-c-gray-2: #414853;
12 | --ev-c-gray-3: #32363f;
13 |
14 | --ev-c-text-1: rgba(255, 255, 245, 0.86);
15 | --ev-c-text-2: rgba(235, 235, 245, 0.6);
16 | --ev-c-text-3: rgba(235, 235, 245, 0.38);
17 |
18 | --ev-button-alt-border: transparent;
19 | --ev-button-alt-text: var(--ev-c-text-1);
20 | --ev-button-alt-bg: var(--ev-c-gray-3);
21 | --ev-button-alt-hover-border: transparent;
22 | --ev-button-alt-hover-text: var(--ev-c-text-1);
23 | --ev-button-alt-hover-bg: var(--ev-c-gray-2);
24 | }
25 |
26 | :root {
27 | --color-background: var(--ev-c-black);
28 | --color-background-soft: var(--ev-c-black-soft);
29 | --color-background-mute: var(--ev-c-black-mute);
30 |
31 | --color-text: var(--ev-c-text-1);
32 | }
33 |
34 | *,
35 | *::before,
36 | *::after {
37 | box-sizing: border-box;
38 | margin: 0;
39 | font-weight: normal;
40 | }
41 |
42 | ul {
43 | list-style: none;
44 | }
45 |
46 | body {
47 | height: 100%;;
48 | line-height: 1.6;
49 | font-family:
50 | Inter,
51 | -apple-system,
52 | BlinkMacSystemFont,
53 | 'Segoe UI',
54 | Roboto,
55 | Oxygen,
56 | Ubuntu,
57 | Cantarell,
58 | 'Fira Sans',
59 | 'Droid Sans',
60 | 'Helvetica Neue',
61 | sans-serif;
62 | text-rendering: optimizeLegibility;
63 | -webkit-font-smoothing: antialiased;
64 | -moz-osx-font-smoothing: grayscale;
65 | }
66 |
67 | html{
68 | height: 100%;
69 | }
70 |
71 | #app{
72 | height: 100%;
73 | }
--------------------------------------------------------------------------------
/src/assets/gitee.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zs1083339604/tts-tauri/559be104806e6d0cb77e9c34715643aff71cefe5/src/assets/gitee.png
--------------------------------------------------------------------------------
/src/assets/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/vue.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/auto-imports.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* prettier-ignore */
3 | // @ts-nocheck
4 | // noinspection JSUnusedGlobalSymbols
5 | // Generated by unplugin-auto-import
6 | // biome-ignore lint: disable
7 | export {}
8 | declare global {
9 | const EffectScope: typeof import('vue')['EffectScope']
10 | const computed: typeof import('vue')['computed']
11 | const createApp: typeof import('vue')['createApp']
12 | const customRef: typeof import('vue')['customRef']
13 | const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
14 | const defineComponent: typeof import('vue')['defineComponent']
15 | const effectScope: typeof import('vue')['effectScope']
16 | const getCurrentInstance: typeof import('vue')['getCurrentInstance']
17 | const getCurrentScope: typeof import('vue')['getCurrentScope']
18 | const h: typeof import('vue')['h']
19 | const inject: typeof import('vue')['inject']
20 | const isProxy: typeof import('vue')['isProxy']
21 | const isReactive: typeof import('vue')['isReactive']
22 | const isReadonly: typeof import('vue')['isReadonly']
23 | const isRef: typeof import('vue')['isRef']
24 | const markRaw: typeof import('vue')['markRaw']
25 | const nextTick: typeof import('vue')['nextTick']
26 | const onActivated: typeof import('vue')['onActivated']
27 | const onBeforeMount: typeof import('vue')['onBeforeMount']
28 | const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
29 | const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
30 | const onDeactivated: typeof import('vue')['onDeactivated']
31 | const onErrorCaptured: typeof import('vue')['onErrorCaptured']
32 | const onMounted: typeof import('vue')['onMounted']
33 | const onRenderTracked: typeof import('vue')['onRenderTracked']
34 | const onRenderTriggered: typeof import('vue')['onRenderTriggered']
35 | const onScopeDispose: typeof import('vue')['onScopeDispose']
36 | const onServerPrefetch: typeof import('vue')['onServerPrefetch']
37 | const onUnmounted: typeof import('vue')['onUnmounted']
38 | const onUpdated: typeof import('vue')['onUpdated']
39 | const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
40 | const provide: typeof import('vue')['provide']
41 | const reactive: typeof import('vue')['reactive']
42 | const readonly: typeof import('vue')['readonly']
43 | const ref: typeof import('vue')['ref']
44 | const resolveComponent: typeof import('vue')['resolveComponent']
45 | const shallowReactive: typeof import('vue')['shallowReactive']
46 | const shallowReadonly: typeof import('vue')['shallowReadonly']
47 | const shallowRef: typeof import('vue')['shallowRef']
48 | const toRaw: typeof import('vue')['toRaw']
49 | const toRef: typeof import('vue')['toRef']
50 | const toRefs: typeof import('vue')['toRefs']
51 | const toValue: typeof import('vue')['toValue']
52 | const triggerRef: typeof import('vue')['triggerRef']
53 | const unref: typeof import('vue')['unref']
54 | const useAttrs: typeof import('vue')['useAttrs']
55 | const useCssModule: typeof import('vue')['useCssModule']
56 | const useCssVars: typeof import('vue')['useCssVars']
57 | const useId: typeof import('vue')['useId']
58 | const useModel: typeof import('vue')['useModel']
59 | const useSlots: typeof import('vue')['useSlots']
60 | const useTemplateRef: typeof import('vue')['useTemplateRef']
61 | const watch: typeof import('vue')['watch']
62 | const watchEffect: typeof import('vue')['watchEffect']
63 | const watchPostEffect: typeof import('vue')['watchPostEffect']
64 | const watchSyncEffect: typeof import('vue')['watchSyncEffect']
65 | }
66 | // for type re-export
67 | declare global {
68 | // @ts-ignore
69 | export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
70 | import('vue')
71 | }
72 |
--------------------------------------------------------------------------------
/src/components.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | // @ts-nocheck
3 | // Generated by unplugin-vue-components
4 | // Read more: https://github.com/vuejs/core/pull/3399
5 | // biome-ignore lint: disable
6 | export {}
7 |
8 | /* prettier-ignore */
9 | declare module 'vue' {
10 | export interface GlobalComponents {
11 | ElButton: typeof import('element-plus/es')['ElButton']
12 | ElForm: typeof import('element-plus/es')['ElForm']
13 | ElFormItem: typeof import('element-plus/es')['ElFormItem']
14 | ElIcon: typeof import('element-plus/es')['ElIcon']
15 | ElInput: typeof import('element-plus/es')['ElInput']
16 | ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
17 | ElMenu: typeof import('element-plus/es')['ElMenu']
18 | ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
19 | ElOption: typeof import('element-plus/es')['ElOption']
20 | ElRadio: typeof import('element-plus/es')['ElRadio']
21 | ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
22 | ElSelect: typeof import('element-plus/es')['ElSelect']
23 | ElSlider: typeof import('element-plus/es')['ElSlider']
24 | ElSwitch: typeof import('element-plus/es')['ElSwitch']
25 | RouterLink: typeof import('vue-router')['RouterLink']
26 | RouterView: typeof import('vue-router')['RouterView']
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from "vue";
2 | import App from "./App.vue";
3 | import ElementPlus from 'element-plus'
4 | import 'element-plus/dist/index.css'
5 | import { createPinia } from 'pinia'
6 | import router from './router'
7 |
8 | const pinia = createPinia();
9 | const app = createApp(App);
10 | app.use(router);
11 | app.use(ElementPlus);
12 | app.use(pinia);
13 | app.mount('#app');
--------------------------------------------------------------------------------
/src/pages/SetPage.vue:
--------------------------------------------------------------------------------
1 |
45 |
46 |
47 |
48 |
49 |
50 |
55 |
56 |
58 |
59 |
61 |
62 |
73 |
74 |
75 |
80 |
81 | 保存
82 |
83 |
84 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/src/pages/TTS.vue:
--------------------------------------------------------------------------------
1 |
238 |
239 |
240 |
51 | 选择文件夹
53 |
54 | {{ form.savePath }}
52 |
63 |
72 |
64 | ![github]()
65 |
67 | github
66 |
68 | ![gitee]()
69 |
71 | gitee
70 |
76 | 0.2.0
77 | 2025-05-09 更新
78 |
79 |
241 |
321 |
322 |
323 |
324 |
367 |
368 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import {createRouter, createWebHistory} from 'vue-router'
2 |
3 | import TTS from '../pages/TTS.vue'
4 | import SetPage from '../pages/SetPage.vue'
5 |
6 | const routes = [
7 | { path: '/', redirect: '/tts'},
8 | { path: '/tts', component: TTS },
9 | { path: '/set', component: SetPage },
10 | ]
11 |
12 | const router = createRouter({
13 | history: createWebHistory(),
14 | routes,
15 | })
16 |
17 | export default router;
--------------------------------------------------------------------------------
/src/store/option.js:
--------------------------------------------------------------------------------
1 | import { defineStore } from "pinia";
2 | import { invoke } from "@tauri-apps/api/core";
3 | import { select, update } from "../utils/sqlite";
4 | import mitter from "../utils/mitt"
5 |
6 | export const useOptionStore = defineStore("option", {
7 | actions: {
8 | getExePath(){
9 | return new Promise(async (resolve, reject) => {
10 | try {
11 | const result = await invoke("get_exe_path");
12 | if(result.code == 200){
13 | this.app_exe_path = result.data.path.replaceAll("\\", "/");
14 | if(this.app_exe_path.endsWith("/")){
15 | this.app_exe_path = this.app_exe_path.slice(0, -1);
16 | }
17 |
18 | resolve();
19 | }else{
20 | reject(result.msg);
21 | }
22 | } catch (error) {
23 | reject(error)
24 | }
25 | })
26 | },
27 | getOption(){
28 | return new Promise((resolve, reject) => {
29 | select("option", ["softOption", "ttsOption"], "id = ?", [1]).then((result) => {
30 | if(result.rows[0].ttsOption == ""){
31 | // 使用默认值
32 | this.ttsOption = {
33 | language: "中文（大陆）",
34 | voice: "Microsoft Server Speech Text to Speech Voice (zh-CN, XiaoxiaoNeural)",
35 | pitch: 0,
36 | rate: 0,
37 | volume: 0,
38 | gender_sub_marker: true,
39 | sub_marker_type: "mergeByPunctuation",
40 | merge_by_number_number: 1
41 | }
42 | }else{
43 | this.ttsOption = JSON.parse(result.rows[0].ttsOption);
44 | }
45 |
46 | if(result.rows[0].softOption == ""){
47 | // 使用默认值
48 | this.softOption = {
49 | savePath: this.app_exe_path + "/output",
50 | openFolders: true,
51 | saveTTSOptions: true
52 | }
53 | }else{
54 | this.softOption = JSON.parse(result.rows[0].softOption);
55 | }
56 | resolve();
57 | }).catch((error)=>{
58 | reject(error);
59 | })
60 | })
61 | },
62 | updataTTSOption(data){
63 | return new Promise((resolve, reject) => {
64 | const obj = {...JSON.parse(JSON.stringify(data)), text: ""};
65 | update("option", {ttsOption: JSON.stringify(obj)}, "id = ?", [1]).then((result) => {
66 | // 深拷贝对象，上次写代码直接用toRaw就出Bug了
67 | this.ttsOption = obj;
68 | resolve();
69 | }).catch((error)=>{
70 | reject(error);
71 | })
72 | });
73 | },
74 | updataSoftOption(data){
75 | return new Promise((resolve, reject) => {
76 | const newObjString = JSON.stringify(data);
77 |
78 | update("option", {softOption: newObjString}, "id = ?", [1]).then((result) => {
79 | this.softOption = JSON.parse(newObjString);
80 | resolve();
81 | }).catch((error)=>{
82 | reject(error);
83 | })
84 | });
85 | }
86 | },
87 | state() {
88 | return{
89 | app_exe_path: "",
90 | softOption: null,
91 | ttsOption: null
92 | }
93 | },
94 | })
95 |
--------------------------------------------------------------------------------
/src/store/voices.js:
--------------------------------------------------------------------------------
1 | import { defineStore } from "pinia";
2 | import { invoke } from "@tauri-apps/api/core";
3 | import { select, update } from "../utils/sqlite";
4 | import mitter from "../utils/mitt"
5 |
6 | export const useVoicesStore = defineStore("voices", {
7 | actions: {
8 | getVoicesList(){
9 | return new Promise((resolve, reject) => {
10 | select("option", ["voices"], "id = ?", [1]).then(async (result) => {
11 | if(result.rows[0]["voices"] == ""){
12 | try {
13 | // 从网络更新
14 | const result = await this.getVoicesListRemove();
15 | if(result.code == 200){
16 | // 更新数据
17 | await update("option", {voices: result.data.voices}, "id = ?", [1]);
18 | resolve();
19 | }else{
20 | reject(result.msg);
21 | }
22 |
23 | } catch (error) {
24 | reject(error);
25 | }
26 | }else{
27 | // 已经有数据了
28 | this.voices = JSON.parse(result.rows[0]["voices"]);
29 | resolve();
30 | }
31 | }).catch((error) => {
32 | reject(error);
33 | })
34 | })
35 | },
36 |
37 | async getVoicesListRemove() {
38 | mitter.emit("updataVoices");
39 | try {
40 | const result = await invoke("get_voices_list");
41 |
42 | if(result.code == 200){
43 | this.voices = {};
44 |
45 | // 定义一个映射对象，将 Locale 转换为语言归属地
46 | const localeToLanguage = {
47 | 'af-ZA': '南非语',
48 | 'am-ET': '阿姆哈拉语（埃塞俄比亚）',
49 | 'ar-EG': '阿拉伯语 (埃及)',
50 | 'ar-AE': '阿拉伯语（阿联酋）',
51 | 'ar-BH': '阿拉伯语（巴林）',
52 | 'ar-DZ': '阿拉伯语（阿尔及利亚）',
53 | 'ar-SA': '阿拉伯语（沙特阿拉伯）',
54 | 'ar-IQ': '阿拉伯语（伊拉克）',
55 | 'ar-JO': '阿拉伯语（约旦）',
56 | 'ar-KW': '阿拉伯语（科威特）',
57 | 'ar-LB': '阿拉伯语（黎巴嫩）',
58 | 'ar-LY': '阿拉伯语（利比亚）',
59 | 'ar-MA': '阿拉伯语（摩洛哥）',
60 | 'ar-OM': '阿拉伯语（阿曼）',
61 | 'ar-QA': '阿拉伯语（卡塔尔）',
62 | 'ar-SY': '阿拉伯语（叙利亚）',
63 | 'ar-TN': '阿拉伯语（突尼斯）',
64 | 'az-AZ': '阿塞拜疆语',
65 | 'be-BY': '白俄罗斯语',
66 | 'bg-BG': '保加利亚语',
67 | 'bn-BD': '孟加拉语（孟加拉）',
68 | 'bs-BA': '波斯尼亚语',
69 | 'ca-ES': '加泰罗尼亚语',
70 | 'cs-CZ': '捷克语',
71 | 'cy-GB': '威尔士语',
72 | 'da-DK': '丹麦语',
73 | 'de-DE': '德语（德国）',
74 | 'de-AT': '德语（奥地利）',
75 | 'de-CH': '德语（瑞士）',
76 | 'el-GR': '希腊语',
77 | 'en-US': '英语（美国）',
78 | 'en-GB': '英语（英国）',
79 | 'en-AU': '英语（澳大利亚）',
80 | 'en-CA': '英语（加拿大）',
81 | 'en-IN': '英语（印度）',
82 | 'en-IE': '英语（爱尔兰）',
83 | 'en-NZ': '英语（新西兰）',
84 | 'en-ZA': '英语（南非）',
85 | 'es-ES': '西班牙语（西班牙）',
86 | 'es-MX': '西班牙语（墨西哥）',
87 | 'es-AR': '西班牙语（阿根廷）',
88 | 'es-CO': '西班牙语（哥伦比亚）',
89 | 'es-CL': '西班牙语（智利）',
90 | 'es-PE': '西班牙语（秘鲁）',
91 | 'et-EE': '爱沙尼亚语',
92 | 'eu-ES': '巴斯克语',
93 | 'fa-IR': '波斯语（伊朗）',
94 | 'fi-FI': '芬兰语',
95 | 'fil-PH': '菲律宾语',
96 | 'fr-FR': '法语（法国）',
97 | 'fr-CA': '法语（加拿大）',
98 | 'fr-CH': '法语（瑞士）',
99 | 'fr-BE': '法语（比利时）',
100 | 'gl-ES': '加利西亚语',
101 | 'gu-IN': '古吉拉特语',
102 | 'he-IL': '希伯来语',
103 | 'hi-IN': '印地语',
104 | 'hr-HR': '克罗地亚语',
105 | 'hu-HU': '匈牙利语',
106 | 'hy-AM': '亚美尼亚语',
107 | 'id-ID': '印尼语',
108 | 'is-IS': '冰岛语',
109 | 'it-IT': '意大利语',
110 | 'ja-JP': '日语',
111 | 'jv-ID': '爪哇语',
112 | 'ka-GE': '格鲁吉亚语',
113 | 'kk-KZ': '哈萨克语',
114 | 'km-KH': '高棉语',
115 | 'kn-IN': '卡纳达语',
116 | 'ko-KR': '韩语',
117 | 'lo-LA': '老挝语',
118 | 'lt-LT': '立陶宛语',
119 | 'lv-LV': '拉脱维亚语',
120 | 'mk-MK': '马其顿语',
121 | 'ml-IN': '马拉雅拉姆语',
122 | 'mn-MN': '蒙古语',
123 | 'mr-IN': '马拉地语',
124 | 'ms-MY': '马来语（马来西亚）',
125 | 'ms-SG': '马来语（新加坡）',
126 | 'my-MM': '缅甸语',
127 | 'ne-NP': '尼泊尔语',
128 | 'nl-NL': '荷兰语（荷兰）',
129 | 'nl-BE': '荷兰语（比利时）',
130 | 'no-NO': '挪威语',
131 | 'pa-IN': '旁遮普语',
132 | 'pl-PL': '波兰语',
133 | 'pt-PT': '葡萄牙语（葡萄牙）',
134 | 'pt-BR': '葡萄牙语（巴西）',
135 | 'ro-RO': '罗马尼亚语',
136 | 'ru-RU': '俄语',
137 | 'si-LK': '僧伽罗语',
138 | 'sk-SK': '斯洛伐克语',
139 | 'sl-SI': '斯洛文尼亚语',
140 | 'sq-AL': '阿尔巴尼亚语',
141 | 'sr-RS': '塞尔维亚语',
142 | 'su-ID': '巽他语',
143 | 'sv-SE': '瑞典语',
144 | 'sw-KE': '斯瓦希里语（肯尼亚）',
145 | 'ta-IN': '泰米尔语（印度）',
146 | 'ta-SG': '泰米尔语（新加坡）',
147 | 'te-IN': '泰卢固语',
148 | 'th-TH': '泰语',
149 | 'tr-TR': '土耳其语',
150 | 'uk-UA': '乌克兰语',
151 | 'ur-PK': '乌尔都语',
152 | 'uz-UZ': '乌兹别克语',
153 | 'vi-VN': '越南语',
154 | 'zh-CN': '中文（大陆）',
155 | 'zh-HK': '中文（香港）',
156 | 'zh-TW': '中文（台湾）',
157 | 'zh-SG': '中文（新加坡）',
158 | 'zh-MO': '中文（澳门）',
159 | 'zu-ZA': '祖鲁语',
160 | 'ar-YE': '阿拉伯语（也门）',
161 | 'bn-IN': '孟加拉语（印度）',
162 | 'en-HK': '英语（香港）',
163 | 'en-SG': '英语（新加坡）',
164 | 'en-KE': '英语（肯尼亚）',
165 | 'en-NG': '英语（尼日利亚）',
166 | 'en-PH': '英语（菲律宾）',
167 | 'en-TZ': '英语（坦桑尼亚）',
168 | 'es-BO': '西班牙语（玻利维亚）',
169 | 'es-CR': '西班牙语（哥斯达黎加）',
170 | 'es-CU': '西班牙语（古巴）',
171 | 'es-DO': '西班牙语（多米尼加共和国）',
172 | 'es-EC': '西班牙语（厄瓜多尔）',
173 | 'es-GQ': '西班牙语（赤道几内亚）',
174 | 'es-GT': '西班牙语（危地马拉）',
175 | 'es-HN': '西班牙语（洪都拉斯）',
176 | 'es-NI': '西班牙语（尼加拉瓜）',
177 | 'es-PA': '西班牙语（巴拿马）',
178 | 'es-PR': '西班牙语（波多黎各）',
179 | 'es-PY': '西班牙语（巴拉圭）',
180 | 'es-SV': '西班牙语（萨尔瓦多）',
181 | 'es-US': '西班牙语（美国）',
182 | 'es-UY': '西班牙语（乌拉圭）',
183 | 'es-VE': '西班牙语（委内瑞拉）',
184 | 'ga-IE': '爱尔兰语',
185 | 'iu-Cans-CA': '因纽特语（加拿大）',
186 | 'iu-Latn-CA': '因纽特语（加拿大）',
187 | 'mt-MT': '马耳他语',
188 | 'nb-NO': '挪威语（伯克梅尔）',
189 | 'ps-AF': '普什图语',
190 | 'so-SO': '索马里语',
191 | 'sw-TZ': '斯瓦希里语（坦桑尼亚）',
192 | 'ta-LK': '泰米尔语（斯里兰卡）',
193 | 'ta-MY': '泰米尔语（马来西亚）',
194 | 'ur-IN': '乌尔都语（印度）',
195 | 'zh-CN-liaoning': '中文（辽宁）',
196 | 'zh-CN-shaanxi': '中文（陕西）',
197 | };
198 |
199 | // 映射性别
200 | const genderMap = {
201 | 'Female': '女',
202 | 'Male': '男'
203 | };
204 |
205 | // 遍历 voices 数组
206 | result.data.forEach(voice => {
207 | const locale = voice.Locale;
208 | const language = localeToLanguage[locale] || locale;
209 | voice["Gender"] = genderMap[voice["Gender"]];
210 |
211 | // 如果分类结果中还没有这个语言分类，就创建一个空数组
212 | if (!this.voices[language]) {
213 | this.voices[language] = [];
214 | }
215 |
216 | // 将当前 voice 对象添加到对应的语言分类中
217 | this.voices[language].push({
218 | FriendlyName: voice.FriendlyName,
219 | Gender: voice.Gender,
220 | Name: voice.Name,
221 | simpleName: voice.FriendlyName.split(' ')[1]
222 | });
223 | });
224 | mitter.emit("updataVoicesed");
225 | return {code: 200, msg: "成功", data: { voices: JSON.stringify(this.voices) }};
226 | }else{
227 | mitter.emit("updataVoicesed");
228 | return result;
229 | }
230 | } catch (error) {
231 | mitter.emit("updataVoicesed");
232 | return error;
233 | }
234 | },
235 |
236 | updataVoices(){
237 | return new Promise(async (resolve, reject) => {
238 | try {
239 | const result = await this.getVoicesListRemove();
240 | if(result.code == 200){
241 | // 成功
242 | await update("option", {voices: result.data.voices}, "id = ?", [1]);
243 | resolve();
244 | }else{
245 | reject(result.msg);
246 | }
247 |
248 | } catch (error) {
249 | reject(error);
250 | }
251 | });
252 | }
253 | },
254 | state() {
255 | return{
256 | voices: {}
257 | }
258 | },
259 | })
260 |
--------------------------------------------------------------------------------
/src/utils/function.js:
--------------------------------------------------------------------------------
1 | import { ElMessage } from "element-plus";
2 |
3 | function show_error(error){
4 | let error_str = typeof error == 'string' ? error : "";
5 |
6 | if(error_str == ""){
7 | // error是一个对象，判断是否有msg或message属性
8 | if(error.msg){
9 | error_str = error.msg;
10 | }else if(error.message){
11 | error_str = error.message;
12 | }
13 | }
14 |
15 | ElMessage.error({
16 | dangerouslyUseHTMLString: true,
17 | message: error_str,
18 | });
19 | }
20 |
21 | export {
22 | show_error
23 | }
--------------------------------------------------------------------------------
/src/utils/mitt.js:
--------------------------------------------------------------------------------
1 | import mitt from "mitt";
2 |
3 | const mitter = mitt();
4 |
5 | export default mitter;
--------------------------------------------------------------------------------
/src/utils/sqlite.js:
--------------------------------------------------------------------------------
1 | import Database from '@tauri-apps/plugin-sql';
2 |
3 | let db = null;
4 | let isConnect = false;
5 |
6 | // 基础的数据表
7 | const databseTable = [
8 | {
9 | name: 'option',
10 | sql: `CREATE TABLE option(
11 | id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,
12 | voices TEXT DEFAULT '',
13 | ttsOption TEXT DEFAULT '',
14 | softOption TEXT DEFAULT ''
15 | );
16 | `
17 | }
18 | ]
19 |
20 | function connect(){
21 | return new Promise(async (resolve, reject) => {
22 | if(isConnect){
23 | resolve();
24 | }else{
25 | try {
26 | db = await Database.load('sqlite:database.db');
27 | // 初始化数据库
28 | for (let i = 0; i < databseTable.length; i++) {
29 | // 初始化数据库，如果出错，则立即中止，并退出程序
30 | await init(databseTable[i].name, databseTable[i].sql).catch((err) => {
31 | reject(err);
32 | return;
33 | });
34 | }
35 | // 初始化成功，连接成功
36 | isConnect = true;
37 | resolve();
38 |
39 | } catch (error) {
40 | reject(error);
41 | }
42 | }
43 | })
44 | }
45 |
46 | // 数据库初始化
47 | function init(name, sql) {
48 | return new Promise(async function (resolve, reject) {
49 | try {
50 | const result = await db.select("SELECT name FROM sqlite_master WHERE type='table' AND name=$1", [name]);
51 | if(result.length == 0){
52 | // 如果表不存在，则创建表
53 | await db.execute(sql);
54 | if(name == "option"){
55 | // 创建第一条数据，Option表必须有一条数据
56 | await insert("option", ["voices", "ttsOption", "softOption"], ["", "", ""]);
57 | }
58 | }
59 | resolve();
60 | } catch (error) {
61 | reject(error);
62 | }
63 | });
64 | }
65 |
66 |
67 | function disConnect(){
68 | return new Promise(async (resolve, reject) => {
69 | try {
70 | await db.close();
71 |
72 | db = null;
73 | isConnect = false;
74 | resolve();
75 | } catch (error) {
76 | reject(error);
77 | }
78 | })
79 | }
80 |
81 | // 处理条件中的?
82 | function placeholderEscape(whereClause, valuesLength){
83 | let processedWhereClause = whereClause;
84 | let sql = "";
85 | if (whereClause) {
86 | const wherePlaceholders = whereClause.match(/\?/g);
87 | if (wherePlaceholders) {
88 | wherePlaceholders.forEach((_, index) => {
89 | processedWhereClause = processedWhereClause.replace('?', `\$${valuesLength + index + 1}`);
90 | });
91 | }
92 | sql += ` WHERE ${processedWhereClause}`;
93 | }
94 |
95 | return sql;
96 | }
97 |
98 | /**
99 | * 插入数据的通用函数
100 | * @param {string} tableName - 表名
101 | * @param {string[]} columns - 列名数组
102 | * @param {any[]} values - 值数组
103 | * @example insert("fingerprint", ["fingerprint", "last_ip", "last_time"], ["1", "2", "3"]).then((data)=>console.log(data)).catch();
104 | */
105 | function insert(tableName, columns, values){
106 | return new Promise(async (resolve, reject) => {
107 | // 动态生成列名和占位符
108 | const columnNames = columns.join(', ');
109 | // 占位符为 $1, $2, $3...
110 | const placeholders = columns.map((_, index) => `$${index + 1}`).join(', ');
111 |
112 | const sql = `INSERT INTO ${tableName} (${columnNames}) VALUES (${placeholders})`;
113 |
114 | try {
115 | const result = await db.execute(sql, values);
116 | resolve({
117 | sql,
118 | changes: result.rowsAffected,
119 | lastId: result.lastInsertId
120 | })
121 | } catch (error) {
122 | reject(error);
123 | }
124 | })
125 | }
126 |
127 | /**
128 | * 更新数据的通用函数
129 | * @param {string} tableName - 表名
130 | * @param {object} data - 要更新的列和值的对象
131 | * @param {string} whereClause - 可选的 WHERE 条件
132 | * @param {any[]} whereArgs - 可选的 WHERE 条件参数数组
133 | * @example update("fingerprint", {fingerprint: "4", last_ip: "5", last_time: "6"}, "id = ?", [4]).then((data)=>console.log(data)).catch((error)=>console.log(error));
134 | */
135 | function update(tableName, data, whereClause = '', whereArgs = []) {
136 | return new Promise(async (resolve, reject) => {
137 | // 提取列和值
138 | const columns = Object.keys(data);
139 | const values = Object.values(data);
140 | // 动态生成 SET 子句，使用 $1, $2, ... 占位符
141 | const setClause = columns.map((col, index) => `${col} = $${index + 1}`).join(', ');
142 | let sql = `UPDATE ${tableName} SET ${setClause}`;
143 | // 处理 WHERE 子句中的占位符
144 | sql += placeholderEscape(whereClause, values.length);
145 | // 合并更新的值和 WHERE 子句的参数
146 | const allValues = [...values, ...whereArgs];
147 | // 执行 SQL
148 | try {
149 | const result = await db.execute(sql, allValues);
150 | resolve({
151 | sql,
152 | changes: result.rowsAffected
153 | })
154 | } catch (error) {
155 | reject(error);
156 | }
157 | });
158 | }
159 |
160 | /**
161 | * 通用查询函数
162 | * @param {string} tableName - 表名
163 | * @param {string[]} columns - 要查询的列名数组，传 `*` 查询所有列
164 | * @param {string} whereClause - 可选的 WHERE 条件
165 | * @param {any[]} whereArgs - 可选的 WHERE 条件参数数组
166 | * @example select("fingerprint", ['*'], 'id = ? OR id = ?', [1,2]).then((data)=>console.log(data)).catch((error)=>console.log(error));
167 | */
168 | function select(tableName, columns, whereClause = '', whereArgs = []) {
169 | return new Promise(async (resolve, reject) => {
170 | // 动态生成查询语句
171 | const columnList = columns.length > 0 ? columns.join(', ') : '*';
172 | let sql = `SELECT ${columnList} FROM ${tableName}`;
173 | if(whereClause){
174 | sql += placeholderEscape(whereClause, 0);
175 | }
176 |
177 | // 执行查询
178 | try {
179 | const result = await db.select(sql, whereArgs);
180 | resolve({
181 | sql,
182 | rows: result
183 | });
184 | } catch (error) {
185 | reject(error);
186 | }
187 | });
188 | }
189 |
190 | /**
191 | * 通用删除函数
192 | * @param {string} tableName - 表名
193 | * @param {string} whereClause - 可选的 WHERE 条件
194 | * @param {any[]} whereArgs - 可选的 WHERE 条件参数数组
195 | * @example deleteData("fingerprint", "id = ?", [1]).then((data)=>console.log(data)).catch((error)=>console.log(error));
196 | */
197 | function deleteData(tableName, whereClause = '', whereArgs = []) {
198 | return new Promise(async (resolve, reject) => {
199 | // 动态生成删除语句
200 | let sql = `DELETE FROM ${tableName}`;
201 | if (whereClause) {
202 | sql += placeholderEscape(whereClause, 0);
203 | }
204 |
205 | // 执行删除操作
206 | try {
207 | const result = await db.execute(sql, whereArgs);
208 | resolve({
209 | sql,
210 | changes: result.rowsAffected
211 | });
212 | } catch (error) {
213 | reject(error);
214 | }
215 | });
216 | }
217 |
218 | /**
219 | * 自定义查询函数,自己写SQL和条件
220 | * @param {string} sql - SQL语句
221 | * @param {any[]} whereArgs - 可选的 WHERE 条件参数数组
222 | */
223 | function selectCustom(sql, whereArgs) {
224 | return new Promise(async (resolve, reject) => {
225 | // 执行查询
226 | try {
227 | const result = await db.select(sql, whereArgs);
228 | resolve({
229 | sql,
230 | rows: result
231 | });
232 | } catch (error) {
233 | reject(error);
234 | }
235 | });
236 | }
237 |
238 | export {
239 | connect, disConnect, insert, update, select, deleteData, selectCustom
240 | }
--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import vue from "@vitejs/plugin-vue";
3 | import AutoImport from 'unplugin-auto-import/vite'
4 | import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
5 | import IconsResolver from 'unplugin-icons/resolver'
6 | import Icons from 'unplugin-icons/vite'
7 | import path from 'path'
8 | import Components from 'unplugin-vue-components/vite'
9 |
10 | const host = process.env.TAURI_DEV_HOST;
11 | const pathSrc = path.resolve(__dirname, 'src')
12 |
13 | // https://vitejs.dev/config/
14 | export default defineConfig(async () => ({
15 | plugins: [vue(),
16 | AutoImport({
17 | // Auto import functions from Vue, e.g. ref, reactive, toRef...
18 | // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
19 | imports: ['vue'],
20 |
21 | // Auto import functions from Element Plus, e.g. ElMessage, ElMessageBox... (with style)
22 | // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
23 | resolvers: [
24 | ElementPlusResolver(),
25 |
26 | // Auto import icon components
27 | // 自动导入图标组件
28 | IconsResolver({
29 | prefix: 'Icon',
30 | }),
31 | ],
32 |
33 | dts: path.resolve(pathSrc, 'auto-imports.d.ts'),
34 | }),
35 |
36 | Components({
37 | resolvers: [
38 | // Auto register icon components
39 | // 自动注册图标组件
40 | IconsResolver({
41 | enabledCollections: ['ep'],
42 | }),
43 | // Auto register Element Plus components
44 | // 自动导入 Element Plus 组件
45 | ElementPlusResolver(),
46 | ],
47 |
48 | dts: path.resolve(pathSrc, 'components.d.ts'),
49 | }),
50 |
51 | Icons({
52 | autoInstall: true,
53 | })
54 | ],
55 |
56 | // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
57 | //
58 | // 1. prevent vite from obscuring rust errors
59 | clearScreen: false,
60 | // 2. tauri expects a fixed port, fail if that port is not available
61 | server: {
62 | port: 1420,
63 | strictPort: true,
64 | host: host || false,
65 | hmr: host
66 | ? {
67 | protocol: "ws",
68 | host,
69 | port: 1421,
70 | }
71 | : undefined,
72 | watch: {
73 | // 3. tell vite to ignore watching `src-tauri`
74 | ignored: ["**/src-tauri/**"],
75 | },
76 | },
77 | }));
78 |
--------------------------------------------------------------------------------
242 |
318 |
319 |
320 |
249 |
317 |
250 |
259 |
266 |
273 |
280 |
281 |
285 |
289 |
293 |
294 |
303 | 生成字幕：
295 |
304 |
305 | 按标点分隔
306 | 自动分词
307 | 按数字分词
308 |
309 |
311 |
316 |