去除无用包，修复BUG

yuyo15117 · Aug 6, 2022 · 6c55560 · 6c55560
1 parent 8e07eb9
commit 6c55560
Show file tree

Hide file tree

Showing 7 changed files with 2,352 additions and 2,459 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,9 +38,8 @@
     "axios": "^0.27.2",
     "electron-store": "^8.0.2",
     "element-plus": "2.2.9",
-    "mitt": "^3.0.0",
     "nodejs-websocket": "^1.7.2",
     "pinia": "^2.0.17",
     "uuid": "^8.3.2"
   }
-}
+}
diff --git a/src/components/configpage/ConfigPage.vue b/src/components/configpage/ConfigPage.vue
@@ -95,7 +95,7 @@ const { config } = storeToRefs(ttsStore);
 
 const handleDelete = (index: any, row: any) => {
   delete config.value.formConfigJson[row.tagName];
-
+  store.set("FormConfig", config.value.formConfigJson);
   ttsStore.genFormConfig();
 
   ElMessage({

diff --git a/src/components/main/MainOptions.vue b/src/components/main/MainOptions.vue
@@ -2,25 +2,22 @@
   <div class="options">
     <el-form :model="formConfig" label-width="120px" label-position="top">
       <el-form-item label="语言">
-        <!-- <el-select v-model="languageSelect" placeholder="选择语言" filterable>
-          <el-option
-            v-for="item in oc.languageSelect"
-            :key="item.Locale"
-            :label="item.LocaleName"
-            :value="item.LocaleName"
-          />
-        </el-select> -->
         <el-select-v2
           class="languageSelect"
           v-model="formConfig.languageSelect"
           placeholder="选择语言"
           filterable
           :options="oc.languageSelect"
+          @change="languageSelectChange"
         >
         </el-select-v2>
       </el-form-item>
       <el-form-item label="语音">
-        <el-select v-model="formConfig.voiceSelect" placeholder="选择语音">
+        <el-select
+          v-model="formConfig.voiceSelect"
+          placeholder="选择语音"
+          @change="voiceSelectChange"
+        >
           <el-option
             v-for="item in voiceSelectList"
             :key="item.ShortName"
@@ -90,6 +87,7 @@
             placeholder="选择配置"
             filterable
             :options="config.configLable"
+            @change="configChange"
           ></el-select-v2>
         </div>
         <a href="#" class="btn" @click="startBtn">
@@ -145,7 +143,9 @@ const saveConfig = () => {
   )
     .then(({ value }) => {
       currConfigName.value = value;
-      ttsStore.addFormConfig();
+      config.value.formConfigJson[value] = formConfig.value;
+      store.set("FormConfig." + value, formConfig.value);
+      ttsStore.genFormConfig();
       ElMessage({
         message: "保存成功。",
         type: "success",
@@ -164,32 +164,30 @@ const saveConfig = () => {
 const voiceSelectList = ref(
   oc.findVoicesByLocaleName(formConfig.value.languageSelect)
 );
-watch(
-  () => formConfig.value.languageSelect,
-  (newValue) => {
-    formConfig.value.voiceSelect = "";
-    formConfig.value.voiceStyleSelect = "General";
-    formConfig.value.role = "Default";
-    voiceSelectList.value = oc.findVoicesByLocaleName(newValue);
-  }
-);
+const languageSelectChange = (value: string) => {
+  formConfig.value.voiceSelect = "";
+  formConfig.value.voiceStyleSelect = "General";
+  formConfig.value.role = "Default";
+  voiceSelectList.value = oc.findVoicesByLocaleName(value);
+};
 const voiceStyleSelectListInit = voiceSelectList.value.find(
   (item: any) => item.ShortName == formConfig.value.voiceSelect
 )?.StyleList;
 const voiceStyleSelectList: any = ref(voiceStyleSelectListInit);
 const rolePlayList: any = ref([]);
-watch(
-  () => formConfig.value.voiceSelect,
-  (newValue) => {
-    formConfig.value.voiceStyleSelect = "General";
-    formConfig.value.role = "Default";
-    const voice = voiceSelectList.value.find(
-      (item: any) => item.ShortName == formConfig.value.voiceSelect
-    );
-    voiceStyleSelectList.value = voice?.StyleList;
-    rolePlayList.value = voice?.RolePlayList;
-  }
-);
+const voiceSelectChange = (value: string) => {
+  formConfig.value.voiceStyleSelect = "General";
+  formConfig.value.role = "Default";
+  const voice = voiceSelectList.value.find(
+    (item: any) => item.ShortName == formConfig.value.voiceSelect
+  );
+  voiceStyleSelectList.value = voice?.StyleList;
+  rolePlayList.value = voice?.RolePlayList;
+};
+const configChange = (val: string) => {
+  formConfig.value = config.value.formConfigJson[val];
+  console.log(formConfig.value);
+};
 
 const startBtn = () => {
   if (inputs.value.inputValue == "") {
@@ -213,16 +211,6 @@ const startBtn = () => {
 
   ttsStore.start();
 };
-onMounted(() => {
-  appContext.config.globalProperties.$mitt.on("endLoanding", (res: any) => {
-    isLoading.value = res.type;
-    ElMessage({
-      message: res.msg,
-      type: "success",
-      duration: 2000,
-    });
-  });
-});
 </script>
 
 <style scoped>

diff --git a/src/main.ts b/src/main.ts
@@ -1,14 +1,12 @@
 import { createApp } from "vue";
 import App from "./App.vue";
-import mitt from "mitt";
 import { globalRegister } from "./global";
 import { createPinia } from "pinia";
 
 const app = createApp(App) as any;
 const pinia = createPinia();
 
 app.use(pinia);
-app.config.globalProperties.$mitt = mitt();
 app.use(globalRegister);
 app.mount("#app").$nextTick(() => {
   postMessage({ payload: "removeLoading" }, "*");

diff --git a/src/store/store.ts b/src/store/store.ts
@@ -81,7 +81,7 @@ export const useTtsStore = defineStore("ttsStore", {
       this.genFormConfig();
     },
     genFormConfig() {
-      store.set("FormConfig", this.config.formConfigJson);
+      // store.set("FormConfig", this.config.formConfigJson);
       this.config.formConfigList = Object.keys(this.config.formConfigJson).map(
         (item) => ({
           tagName: item,