fix: the problem of incorrect hint of opening developer option (#492)

Signed-off-by: Ryan Wang <i@ryanc.cc>

package.json

@@ -32,6 +32,7 @@
     "filepond-plugin-file-validate-type": "^1.2.6",
     "filepond-plugin-image-preview": "^4.6.10",
     "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
     "marked": "^4.0.12",
     "md5.js": "^1.3.5",
     "nprogress": "^0.2.0",

pnpm-lock.yaml

@@ -28,6 +28,7 @@ specifiers:
   less-loader: ^5.0.0
   lint-staged: ^11.2.6
   lodash.debounce: ^4.0.8
+  lodash.throttle: ^4.1.1
   marked: ^4.0.12
   md5.js: ^1.3.5
   nprogress: ^0.2.0
@@ -60,6 +61,7 @@ dependencies:
   filepond-plugin-file-validate-type: 1.2.6_filepond@4.30.3
   filepond-plugin-image-preview: 4.6.10_filepond@4.30.3
   lodash.debounce: 4.0.8
+  lodash.throttle: 4.1.1
   marked: 4.0.12
   md5.js: 1.3.5
   nprogress: 0.2.0
@@ -5756,6 +5758,10 @@ packages:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
     dev: true
 
+  /lodash.throttle/4.1.1:
+    resolution: {integrity: sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=}
+    dev: false
+
   /lodash.times/4.3.2:
     resolution: {integrity: sha1-Ph8lZcQxdU1Uq1fy7RdBk5KFyh0=}
     dev: false

src/components/Tools/Logo.vue

@@ -12,6 +12,7 @@
 <script>
 import { mapActions, mapGetters } from 'vuex'
 import apiClient from '@/utils/api-client'
+import throttle from 'lodash.throttle'
 
 export default {
   name: 'Logo',
@@ -25,7 +26,7 @@ export default {
   },
   methods: {
     ...mapActions(['refreshOptionsCache']),
-    async onLogoClick() {
+    onLogoClick: throttle(async function () {
       this.clickCount++
       if (this.clickCount === 10) {
         try {
@@ -48,7 +49,7 @@ export default {
           this.$message.info(`再点击 ${10 - this.clickCount} 次即可启用开发者选项！`)
         }
       }
-    }
+    }, 200)
   }
 }
 </script>