添加直接新建命令功能

src/components/CommandCard.vue

@@ -294,7 +294,7 @@ export default {
     editCommand() {
       let event = {
         type: "edit",
-        data: this.commandInfo.features.code,
+        data: this.commandInfo,
       };
       this.$emit("commandChanged", event);
     },

src/pages/ConfigurationPage.vue

@@ -176,7 +176,7 @@
       v-model="isCommandEditorShow"
       persistent
       :maximized="maximizedToggle"
-      transition-show="slide-up"
+      :transition-show="newCommandDirect ? '' : 'slide-up'"
       transition-hide="slide-down"
     >
       <q-card>
@@ -297,6 +297,9 @@ export default {
     tabBarWidth() {
       return this.commandCardStyle === "mini" ? "0" : "80px";
     },
+    newCommandDirect() {
+      return this.$route.name === "newcommand";
+    },
   },
   mounted() {
     this.initPage();
@@ -304,6 +307,12 @@ export default {
   methods: {
     // 初始化
     initPage() {
+      // 如果从 newcommand 进入则直接新建命令
+      if (this.newCommandDirect) {
+        if (quickcommand.enterData.type === "text") this.addNewCommand();
+        else this.editCommand(JSON.parse(quickcommand.enterData.payload));
+        this.$router.push("/configuration");
+      }
       // 已启用的 features
       let activatedFeatures = this.getActivatedFeatures();
       // 已启用的命令的 featureCode
@@ -401,10 +410,10 @@ export default {
       );
     },
     // 编辑命令
-    editCommand(code) {
+    editCommand(command) {
       this.commandEditorAction = {
         type: "edit",
-        data: this.allQuickCommands[code],
+        data: _.cloneDeep(command),
       };
       this.isCommandEditorShow = true;
     },

src/pages/NewCommand.vue

@@ -1,11 +0,0 @@
-<template>
-  <div>newCommand</div>
-</template>
-
-<script>
-export default {
-  mounted() {
-    console.log(JSON.parse(localStorage["enterData"]));
-  },
-};
-</script>

src/router/routes.js

@@ -12,8 +12,9 @@ const routes = [{
     },
     {
         path: '/newcommand',
+        name: 'newcommand',
         component: () =>
-            import ('pages/NewCommand.vue')
+            import ('pages/ConfigurationPage.vue')
     },
     {
         path: '/:type(default|files|img|key|regex|window|professional)_:uid(\\w+)',