🐛 #77, 修复偏好设置不生效问题

feature/package-lock.json

@@ -2066,6 +2066,122 @@
         "tslint": "^5.20.1",
         "webpack": "^4.0.0",
         "yorkie": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "fork-ts-checker-webpack-plugin-v5": {
+          "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
+          "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
+          "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@babel/code-frame": "^7.8.3",
+            "@types/json-schema": "^7.0.5",
+            "chalk": "^4.1.0",
+            "cosmiconfig": "^6.0.0",
+            "deepmerge": "^4.2.2",
+            "fs-extra": "^9.0.0",
+            "memfs": "^3.1.2",
+            "minimatch": "^3.0.4",
+            "schema-utils": "2.7.0",
+            "semver": "^7.3.2",
+            "tapable": "^1.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
+          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/json-schema": "^7.0.4",
+            "ajv": "^6.12.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true,
+          "optional": true
+        }
       }
     },
     "@vue/cli-plugin-vuex": {
@@ -2144,6 +2260,44 @@
           "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
         "fs-extra": {
           "version": "7.0.1",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -2155,6 +2309,13 @@
             "universalify": "^0.1.0"
           }
         },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
         "jsonfile": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
@@ -2164,6 +2325,18 @@
             "graceful-fs": "^4.1.6"
           }
         },
+        "loader-utils": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "ssri": {
           "version": "8.0.1",
           "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
@@ -2173,11 +2346,33 @@
             "minipass": "^3.1.1"
           }
         },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
         "universalify": {
           "version": "0.1.2",
           "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
           "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
           "dev": true
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -6231,122 +6426,6 @@
         }
       }
     },
-    "fork-ts-checker-webpack-plugin-v5": {
-      "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
-      "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "@babel/code-frame": "^7.8.3",
-        "@types/json-schema": "^7.0.5",
-        "chalk": "^4.1.0",
-        "cosmiconfig": "^6.0.0",
-        "deepmerge": "^4.2.2",
-        "fs-extra": "^9.0.0",
-        "memfs": "^3.1.2",
-        "minimatch": "^3.0.4",
-        "schema-utils": "2.7.0",
-        "semver": "^7.3.2",
-        "tapable": "^1.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "schema-utils": {
-          "version": "2.7.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
-          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@types/json-schema": "^7.0.4",
-            "ajv": "^6.12.2",
-            "ajv-keywords": "^3.4.1"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
@@ -12347,87 +12426,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.12.tgz",

feature/package.json

@@ -12,6 +12,8 @@
     "ant-design-vue": "^2.2.8",
     "axios": "^0.24.0",
     "core-js": "^3.6.5",
+    "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
     "markdown-it": "^12.2.0",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0-0",

feature/src/views/settings/index.vue

@@ -29,36 +29,36 @@
               tabIndex="-1"
               @keyup="(e) => changeShortCut(e, 'showAndHidden')"
             >
-              {{ config.perf.shortCut.showAndHidden }}
+              {{ shortCut.showAndHidden }}
-            </div>
-          </div>
-          <div class="settings-item-li">
-            <div class="label">插件分离快捷键</div>
-            <div
-              class="value"
-              tabIndex="-1"
-              @keyup="(e) => changeShortCut(e, 'separate')"
-            >
-              {{ config.perf.shortCut.separate }}
-            </div>
-          </div>
-          <div class="settings-item-li">
-            <div class="label">返回主界面</div>
-            <div
-              class="value"
-              tabIndex="-1"
-              @keyup="(e) => changeShortCut(e, 'quit')"
-            >
-              {{ config.perf.shortCut.quit }}
             </div>
           </div>
+<!--          <div class="settings-item-li">-->
+<!--            <div class="label">插件分离快捷键</div>-->
+<!--            <div-->
+<!--              class="value"-->
+<!--              tabIndex="-1"-->
+<!--              @keyup="(e) => changeShortCut(e, 'separate')"-->
+<!--            >-->
+<!--              {{ shortCut.separate }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div class="settings-item-li">-->
+<!--            <div class="label">返回主界面</div>-->
+<!--            <div-->
+<!--              class="value"-->
+<!--              tabIndex="-1"-->
+<!--              @keyup="(e) => changeShortCut(e, 'quit')"-->
+<!--            >-->
+<!--              {{ shortCut.quit }}-->
+<!--            </div>-->
+<!--          </div>-->
         </div>
         <div class="setting-item">
           <div class="title">通用</div>
           <div class="settings-item-li">
             <div class="label">输入框自动粘贴</div>
             <a-switch
-              v-model:checked="config.perf.common.autoPast"
+              v-model:checked="common.autoPast"
               checked-children="开"
               un-checked-children="关"
             ></a-switch>
@@ -66,7 +66,7 @@
           <div class="settings-item-li">
             <div class="label">开机启动</div>
             <a-switch
-              v-model:checked="config.perf.common.start"
+              v-model:checked="common.start"
               checked-children="开"
               un-checked-children="关"
             ></a-switch>
@@ -74,23 +74,23 @@
           <div class="settings-item-li">
             <div class="label">空格执行</div>
             <a-switch
-              v-model:checked="config.perf.common.space"
+              v-model:checked="common.space"
-              checked-children="开"
-              un-checked-children="关"
-            ></a-switch>
-          </div>
-        </div>
-        <div class="setting-item">
-          <div class="title">本地搜索启动</div>
-          <div class="settings-item-li">
-            <div class="label">搜索启动应用&文件</div>
-            <a-switch
-              v-model:checked="config.perf.local.search"
               checked-children="开"
               un-checked-children="关"
             ></a-switch>
           </div>
         </div>
+<!--        <div class="setting-item">-->
+<!--          <div class="title">本地搜索启动</div>-->
+<!--          <div class="settings-item-li">-->
+<!--            <div class="label">搜索启动应用&文件</div>-->
+<!--            <a-switch-->
+<!--              v-model:checked="local.search"-->
+<!--              checked-children="开"-->
+<!--              un-checked-children="关"-->
+<!--            ></a-switch>-->
+<!--          </div>-->
+<!--        </div>-->
       </div>
       <div v-if="currentSelect[0] === 'global'">
         <a-collapse>
@@ -124,9 +124,9 @@
               </template>
               <div
                 :key="index"
-                v-for="(item, index) in config.global"
+                v-for="(item, index) in global"
                 class="value"
-                tabIndex="-1"
+                tabIndex="2"
                 @keyup="(e) => changeGlobalKey(e, index)"
               >
                 {{ item.key }}
@@ -138,7 +138,7 @@
             <a-input
               :key="index"
               :value="item.value"
-              v-for="(item, index) in config.global"
+              v-for="(item, index) in global"
               class="value"
               :disabled="!item.key"
               @change="(e) => changeGlobalValue(index, e.target.value)"
@@ -153,7 +153,8 @@
 
 <script setup>
 import { ToolOutlined, LaptopOutlined } from "@ant-design/icons-vue";
-import { ref, watch } from "vue";
+import debounce from "lodash.debounce";
+import { ref, reactive, watch, toRefs, toRaw } from "vue";
 import keycodes from "./keycode";
 
 const { remote, ipcRenderer } = window.require("electron");
@@ -169,27 +170,52 @@ const examples = [
   },
 ];
 
-const currentSelect = ref(["normal"]);
+const state = reactive({
-const config = ref({});
+  shortCut: {},
+  common: {},
+  local: {},
+  global: [],
+});
 
-config.value = remote.getGlobal("OP_CONFIG").get();
+const currentSelect = ref(["normal"]);
+
+const {perf, global: defaultGlobal} = remote.getGlobal("OP_CONFIG").get();
+
+state.shortCut = perf.shortCut;
+state.common = perf.common;
+state.local = perf.local;
+state.global = defaultGlobal;
+
+const setConfig = debounce(() => {
+  remote.getGlobal("OP_CONFIG").set(JSON.parse(JSON.stringify({
+    perf: {
+      shortCut: state.shortCut,
+      common: state.common,
+      local: state.local,
+    },
+    global: state.global,
+  })));
+  ipcRenderer.send("re-register");
+}, 2000);
+
+watch(state, setConfig);
 
 const changeShortCut = (e, key) => {
   if (e.altKey && e.keyCode !== 18) {
     const compose = `Option+${keycodes[e.keyCode].toUpperCase()}`;
-    config.value.perf.shortCut[key] = compose;
+    state.shortCut[key] = compose;
   }
   if (e.ctrlKey && e.keyCode !== 17) {
     const compose = `Ctrl+${keycodes[e.keyCode].toUpperCase()}`;
-    config.value.config.perf.shortCut[key] = compose;
+    state.perf.shortCut[key] = compose;
   }
   if (e.shiftKey && e.keyCode !== 16) {
     const compose = `Shift+${keycodes[e.keyCode].toUpperCase()}`;
-    config.value.config.perf.shortCut[key] = compose;
+    state.perf.shortCut[key] = compose;
   }
   if (e.metaKey && e.keyCode !== 93) {
     const compose = `Command+${keycodes[e.keyCode].toUpperCase()}`;
-    config.value.config.perf.shortCut[key] = compose;
+    state.perf.shortCut[key] = compose;
   }
 };
 
@@ -208,44 +234,29 @@ const changeGlobalKey = (e, index) => {
     compose = `Command+${keycodes[e.keyCode].toUpperCase()}`;
   }
   if (compose) {
-    config.value.global[index].key = compose;
+    state.global[index].key = compose;
   }
   // f1 - f12
   if (e.keyCode >= 112 && e.keyCode <= 123) {
     compose = keycodes[e.keyCode].toUpperCase();
   }
   if (compose) {
-    config.value.global[index].key = compose;
+    state.global[index].key = compose;
   }
 };
 
+const changeGlobalValue = (index, value) => {
+  state.global[index].value = value;
+}
+
 const addConfig = () => {
-  console.log(config.value);
+  state.global.push({
-  config.value = {
+    key: "",
-    ...config.value,
+    value: "",
-    global: [
+  });
-      ...config.value.global,
-      {
-        key: "",
-        value: "",
-      }
-    ]
-  };
 };
 
-watch(
+const {shortCut, common, local, global} = toRefs(state);
-  config,
-  () => {
-    console.log(config.value);
-    // remote.getGlobal("OP_CONFIG").set("perf", config.value.perf);
-    // remote.getGlobal("OP_CONFIG").set("superPanel", config.value.superPanel);
-    // remote.getGlobal("OP_CONFIG").set("global", config.value.global);
-    ipcRenderer.send("re-register");
-  },
-  {
-    deep: true,
-  }
-);
 </script>
 
 <style lang="less">

public/feature/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>feature</title><link href="css/app.f8214d90.css" rel="preload" as="style"><link href="js/app.c69aa8d8.js" rel="preload" as="script"><link href="js/chunk-vendors.ebb3d342.js" rel="preload" as="script"><link href="css/app.f8214d90.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but feature doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.ebb3d342.js"></script><script src="js/app.c69aa8d8.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>feature</title><link href="css/app.f8214d90.css" rel="preload" as="style"><link href="js/app.bad50f73.js" rel="preload" as="script"><link href="js/chunk-vendors.e8fd66a6.js" rel="preload" as="script"><link href="css/app.f8214d90.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but feature doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.e8fd66a6.js"></script><script src="js/app.bad50f73.js"></script></body></html>

public/feature/preload.js

@@ -13,4 +13,4 @@ window.market = {
   refreshPlugin(plugin) {
     return remote.getGlobal("LOCAL_PLUGINS").refreshPlugin(plugin);
   },
-}
+};

src/common/constans/defaultConfig.ts

@@ -0,0 +1,23 @@
+import commonConst from "@/common/utils/commonConst";
+
+export default {
+  version: 2,
+  perf: {
+    shortCut: {
+      showAndHidden: "Option+R",
+      separate: "Ctrl+D",
+      quit: "Shift+Escape",
+    },
+    common: {
+      start: true,
+      space: true,
+      // 是否失焦隐藏。默认在dev环境不隐藏，在打包后隐藏。
+      hideOnBlur: commonConst.production(),
+      autoPast: false,
+    },
+    local: {
+      search: true,
+    },
+  },
+  global: [],
+}

src/common/utils/localConfig.ts

@@ -2,31 +2,10 @@ import path from "path";
 import fs from "fs";
 import getLocalDataFile from "./getLocalDataFile";
 import commonConst from "./commonConst";
+import defaultConfigForAnyPlatform from "../constans/defaultConfig";
 
 const configPath = path.join(getLocalDataFile(), "./rubick-config.json");
 
-const defaultConfigForAnyPlatform = {
-  version: 2,
-  perf: {
-    shortCut: {
-      showAndHidden: "Option+R",
-      separate: "Ctrl+D",
-      quit: "Shift+Escape",
-    },
-    common: {
-      start: true,
-      space: true,
-      // 是否失焦隐藏。默认在dev环境不隐藏，在打包后隐藏。
-      hideOnBlur: commonConst.production(),
-      autoPast: false,
-    },
-    local: {
-      search: true,
-    },
-  },
-  global: [],
-};
-
 global.OP_CONFIG = {
   config: null,
   get() {
@@ -54,8 +33,11 @@ global.OP_CONFIG = {
       return global.config;
     }
   },
-  set(key, value) {
+  set(value) {
-    global.config[key] = value;
+    global.config = {
+      ...global.config,
+      ...value,
+    };
     fs.writeFileSync(configPath, JSON.stringify(global.config));
   },
 };

src/main/browsers/main.ts

@@ -39,14 +39,6 @@ export default () => {
       const url = req.url.substr(8);
       callback(decodeURI(url));
     });
-
-    win.once("ready-to-show", () => {
-      win.show();
-      // 非隐藏式启动需要显示主窗口
-      if (!app.getLoginItemSettings().wasOpenedAsHidden) {
-        win.show();
-      }
-    });
     win.on("closed", () => {
       win = undefined;
     });

src/main/common/registerHotKey.ts

@@ -1,45 +1,62 @@
-import { globalShortcut, BrowserWindow, screen } from "electron";
+import { globalShortcut, BrowserWindow, screen, ipcMain, app} from "electron";
 
-export default (mainWindow: BrowserWindow): void => {
+const registerHotKey = (mainWindow: BrowserWindow): void => {
-  const config = global.OP_CONFIG.get();
+  // 设置开机启动
-  globalShortcut.unregisterAll();
+  const setAutoLogin = () => {
-  // 注册偏好快捷键
+    const config = global.OP_CONFIG.get();
-  globalShortcut.register(config.perf.shortCut.showAndHidden, () => {
+    app.setLoginItemSettings({
-    const { x, y } = screen.getCursorScreenPoint();
+      openAtLogin: config.perf.common.start,
-    const currentDisplay = screen.getDisplayNearestPoint({ x, y });
+      openAsHidden: true,
-    const wx = parseInt(
-      String(
-        currentDisplay.workArea.x + currentDisplay.workArea.width / 2 - 400
-      )
-    );
-    const wy = parseInt(
-      String(
-        currentDisplay.workArea.y + currentDisplay.workArea.height / 2 - 200
-      )
-    );
-
-    mainWindow.setAlwaysOnTop(true);
-    mainWindow.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
-    mainWindow.focus();
-    mainWindow.setVisibleOnAllWorkspaces(false, { visibleOnFullScreen: true });
-    mainWindow.setPosition(wx, wy);
-    mainWindow.show();
-  });
-
-  globalShortcut.register(config.perf.shortCut.separate, () => {
-    // todo
-  });
-
-  globalShortcut.register(config.perf.shortCut.quit, () => {
-    // mainWindow.webContents.send('init-rubick');
-    // mainWindow.show();
-  });
-
-  // 注册自定义全局快捷键
-  config.global.forEach((sc) => {
-    if (!sc.key || !sc.value) return;
-    globalShortcut.register(sc.key, () => {
-      mainWindow.webContents.send("global-short-key", sc.value);
     });
+  }
+
+  const init = () => {
+    setAutoLogin();
+    const config = global.OP_CONFIG.get();
+    globalShortcut.unregisterAll();
+    // 注册偏好快捷键
+    globalShortcut.register(config.perf.shortCut.showAndHidden, () => {
+      const { x, y } = screen.getCursorScreenPoint();
+      const currentDisplay = screen.getDisplayNearestPoint({ x, y });
+      const wx = parseInt(
+        String(
+          currentDisplay.workArea.x + currentDisplay.workArea.width / 2 - 400
+        )
+      );
+      const wy = parseInt(
+        String(
+          currentDisplay.workArea.y + currentDisplay.workArea.height / 2 - 200
+        )
+      );
+
+      mainWindow.setAlwaysOnTop(true);
+      mainWindow.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
+      mainWindow.focus();
+      mainWindow.setVisibleOnAllWorkspaces(false, { visibleOnFullScreen: true });
+      mainWindow.setPosition(wx, wy);
+      mainWindow.show();
+    });
+
+    globalShortcut.register(config.perf.shortCut.separate, () => {
+      // todo
+    });
+
+    globalShortcut.register(config.perf.shortCut.quit, () => {
+      // mainWindow.webContents.send('init-rubick');
+      // mainWindow.show();
+    });
+
+    // 注册自定义全局快捷键
+    config.global.forEach((sc) => {
+      if (!sc.key || !sc.value) return;
+      globalShortcut.register(sc.key, () => {
+        mainWindow.webContents.send("global-short-key", sc.value);
+      });
+    });
+  }
+  init();
+  ipcMain.on("re-register", () => {
+    init();
   });
 };
+export default registerHotKey;

src/renderer/components/search.vue

@@ -169,7 +169,7 @@ const showSeparate = () => {
 const changeHideOnBlur = () => {
   let cfg = { ...config.value };
   cfg.perf.common.hideOnBlur = !cfg.perf.common.hideOnBlur;
-  opConfig.set("perf", cfg.perf);
+  opConfig.set(cfg.perf);
   config.value = cfg;
 };
 

src/renderer/plugins-manager/options.ts

@@ -1,6 +1,6 @@
 import { ref, watch } from "vue";
 import throttle from "lodash.throttle";
-import { remote } from "electron";
+import { remote, ipcRenderer } from "electron";
 import pluginClickEvent from "./pluginClickEvent";
 import useFocus from "./clipboardWatch";
 
@@ -10,12 +10,12 @@ function formatReg(regStr) {
   return new RegExp(pattern, flags);
 }
 
-function searchKeyValues(lists, value) {
+function searchKeyValues(lists, value, strict = false) {
   return lists.filter((item) => {
     if (typeof item === "string") {
       return item.toLowerCase().indexOf(value.toLowerCase()) >= 0;
     }
-    if (item.type === "regex") {
+    if (item.type === "regex" && !strict) {
       return formatReg(item.match).test(value);
     }
     return false;
@@ -30,15 +30,13 @@ const optionsManager = ({
 }) => {
   const optionsRef = ref([]);
 
-  watch(searchValue, () => search(searchValue.value));
+  // 全局快捷键
-  // search Input operation
+  ipcRenderer.on("global-short-key", (e, msg) => {
-  const search = throttle((value) => {
+    const options = getOptionsFromSearchValue(msg, true);
-    if (currentPlugin.value.name) return;
+    options[0].click();
-    if (clipboardFile.value.length) return;
+  });
-    if (!value) {
+
-      optionsRef.value = [];
+  const getOptionsFromSearchValue = (value, strict = false) => {
-      return;
-    }
     const localPlugins = remote.getGlobal("LOCAL_PLUGINS").getLocalPlugins();
     let options: any = [];
     // todo 先搜索 plugin
@@ -47,7 +45,7 @@ const optionsManager = ({
       // 系统插件无 features 的情况，不需要再搜索
       if (!feature) return;
       feature.forEach((fe) => {
-        const cmds = searchKeyValues(fe.cmds, value);
+        const cmds = searchKeyValues(fe.cmds, value, strict);
         options = [
           ...options,
           ...cmds.map((cmd) => ({
@@ -63,10 +61,10 @@ const optionsManager = ({
                 cmd,
                 ext: cmd.type
                   ? {
-                      code: fe.code,
+                    code: fe.code,
-                      type: cmd.type || "text",
+                    type: cmd.type || "text",
-                      payload: searchValue.value,
+                    payload: searchValue.value,
-                    }
+                  }
                   : null,
                 openPlugin,
               });
@@ -109,7 +107,19 @@ const optionsManager = ({
           return plugin;
         }),
     ];
-    optionsRef.value = options;
+    return options;
+  }
+
+  watch(searchValue, () => search(searchValue.value));
+  // search Input operation
+  const search = throttle((value) => {
+    if (currentPlugin.value.name) return;
+    if (clipboardFile.value.length) return;
+    if (!value) {
+      optionsRef.value = [];
+      return;
+    }
+    optionsRef.value = getOptionsFromSearchValue(value);
   }, 500);
 
   const setOptionsRef = (options) => {