dev

frontend/src/pages/Character/Index.vue

@@ -22,7 +22,12 @@
       <calc-checkbox round v-model="configStore.config.DSB">系统奶</calc-checkbox>
       <calc-checkbox round v-model="configStore.config.BUFF">组队</calc-checkbox>
       <calc-button title="打造导入" @click="showImport" class="ml-1" icon="import"></calc-button>
-      <calc-button title="技能导入" @click="showImportSkill" class="ml-1" icon="exchange"></calc-button>
+      <calc-button
+        title="技能导入"
+        @click="showImportSkill"
+        class="ml-1"
+        icon="exchange"
+      ></calc-button>
     </div>
   </div>
 
@@ -30,7 +35,6 @@
     <ImportVue></ImportVue>
   </calc-dialog>
 
-
   <calc-dialog lazy header="技能导入" v-model:visible="importSkillVisible">
     <ImportSkillVue></ImportSkillVue>
   </calc-dialog>
@@ -39,8 +43,8 @@
 <script lang="ts" setup name="Index">
 import { useInfoStore } from '@/stores/info'
 import { useConfigStore } from '@/stores'
-import ImportVue from './Config/import.vue';
-import ImportSkillVue from './Config/importSkill.vue';
+import ImportVue from './Config/import.vue'
+import ImportSkillVue from './Config/importSkill.vue'
 import Result from './Result/Index.vue'
 const props = defineProps<{
   alter: string
@@ -50,13 +54,24 @@ const configStore = useConfigStore()
 const importVisible = ref(false)
 const importSkillVisible = ref(false)
 
+const shouldWatch = ref(true)
+
+const isExecuting = ref(false)
+
 const stopWatch = watch(
   () => {
     return JSON.stringify(configStore.config)
   },
-  useDebounceFn(async () => {
-    ;(await configStore.result).execute()
-  }, 800),
+  async () => {
+    if (isExecuting.value) return
+
+    isExecuting.value = true
+    try {
+      ;(await configStore.result).execute()
+    } finally {
+      isExecuting.value = false
+    }
+  },
 )
 
 const showImport = () => {