去除保存命令时的 dom 操作

src/components/CommandCard.vue

@@ -11,7 +11,7 @@
         <!-- 开关 -->
         <div class="absolute" style="z-index: 1; left: 20px; bottom: 16px">
           <q-toggle
-            v-model="isCommandActivated"
+            :model-value="isCommandActivated"
             checked-icon="flash_on"
             color="orange-6"
             @click="toggleCommandActivated"
@@ -212,7 +212,6 @@ export default {
   data() {
     return {
       allProgrammings: this.$programmings,
-      isCommandActivated: this.activated,
       maxCmdStingLen: 8,
       commandTypes: commandTypes,
       cmdBadgeSheet: {
@@ -267,7 +266,7 @@ export default {
   },
   props: {
     commandInfo: Object,
-    activated: Boolean,
+    isCommandActivated: Boolean,
     cardStyle: Object,
   },
   mounted() {
@@ -311,8 +310,9 @@ export default {
     toggleCommandActivated() {
       let event = {
         data: this.commandInfo.features.code,
+        type:"toggle"
       };
-      event.type = this.isCommandActivated ? "enable" : "disable";
+      event.type = this.isCommandActivated ? "disable" : "enable";
       this.$emit("commandChanged", event);
     },
     // 移除命令

src/components/CommandEditor.vue

@@ -340,26 +340,16 @@ export default {
       let updatedData = this.$refs.menu.SaveMenuData();
       if (!updatedData) return;
       Object.assign(this.quickcommandInfo, _.cloneDeep(updatedData));
+      let newQuickcommandInfo = _.cloneDeep(this.quickcommandInfo);
       this.$utools.putDB(
-        _.cloneDeep(this.quickcommandInfo),
+        newQuickcommandInfo,
         this.$utools.DBPRE.QC + this.quickcommandInfo.features.code
       );
       this.$emit("editorEvent", {
         type: "save",
-        data: _.cloneDeep(this.quickcommandInfo),
+        data: newQuickcommandInfo,
       });
       this.closeEditor();
-      this.$nextTick(() => {
-        // 先点一次，如果是停用状态则被启用
-        // 如果是启用状态则停用
-        let dom = document.getElementById(this.quickcommandInfo.features.code);
-        dom.querySelector(".q-toggle")?.click();
-        // 如果之前一次点击是启用则不点
-        // 如果之前一次点击是停用则再点一次启用，达到刷新目的
-        this.$nextTick(() => {
-          dom.querySelector(".q-toggle[aria-checked='false']")?.click();
-        });
-      });
     },
     // 运行
     runCurrentCommand() {

src/pages/ConfigurationPage.vue

@@ -69,7 +69,7 @@
               v-for="commandInfo in currentTagQuickCommands"
               :key="commandInfo.features.code"
               :commandInfo="commandInfo"
-              :activated="
+              :isCommandActivated="
                 activatedQuickCommandFeatureCodes.includes(
                   commandInfo.features.code
                 )
@@ -537,14 +537,24 @@ export default {
       };
       this.isCommandEditorShow = true;
     },
+    saveCommand(command) {
+      let code = command.features.code;
+      this.allQuickCommands[code] = command;
+      //无论禁用还是启用都启用
+      if (!this.activatedQuickCommandFeatureCodes.includes(code))
+        this.activatedQuickCommandFeatureCodes.push(code);
+      // 先删除再添加，强制刷新
+      this.$utools.whole.removeFeature(code);
+      this.$utools.whole.setFeature(command.features);
+      this.locateToCommand(command.tags, code);
+    },
     editorEvent(event) {
       switch (event.type) {
         case "close":
           this.isCommandEditorShow = false;
           return;
         case "save":
-          this.allQuickCommands[event.data.features.code] = event.data;
-          this.locateToCommand(event.data.tags, event.data.features.code);
+          this.saveCommand(event.data);
         default:
           return;
       }