update: change debounce to throttle

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 4.0.9
+
+-   更新：部分功能细节
+
 ## 4.0.8
 
 -   修复：播放页 调节播放器宽度 Firefox页面抖动bug

src/components/items/NumberComp.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { watchDebounced } from '@vueuse/core'
+import { watchThrottled } from '@vueuse/core'
 import { ref } from 'vue'
 import { INumberItem } from '../../types/item'
 import { error } from '../../utils/logger'
@@ -25,7 +25,7 @@ const item = defineProps<INumberItem>()
 
 const currValue = ref(BiliCleanerStorage.get(item.id, item.defaultValue))
 
-watchDebounced(
+watchThrottled(
     currValue,
     (newValue, oldValue) => {
         try {
@@ -59,6 +59,6 @@ watchDebounced(
             error(`NumberComp ${item.id} error`, err)
         }
     },
-    { debounce: 100 },
+    { throttle: 50 },
 )
 </script>

src/components/items/StringComp.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { watchDebounced } from '@vueuse/core'
+import { watchThrottled } from '@vueuse/core'
 import { ref } from 'vue'
 import { IStringItem } from '../../types/item'
 import { error } from '../../utils/logger'
@@ -23,7 +23,7 @@ const item = defineProps<IStringItem>()
 
 const currValue = ref(BiliCleanerStorage.get(item.id, item.defaultValue))
 
-watchDebounced(
+watchThrottled(
     currValue,
     (newValue, oldValue) => {
         try {
@@ -50,6 +50,6 @@ watchDebounced(
             error(`StringComp ${item.id} error`, err)
         }
     },
-    { debounce: 100 },
+    { throttle: 50 },
 )
 </script>

vite.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
             userscript: {
                 name: 'bilibili 页面净化大师',
                 namespace: 'http://tampermonkey.net/',
-                version: '4.0.8',
+                version: '4.0.9',
                 description:
                     '净化 B站/哔哩哔哩 页面，支持「精简功能、播放器净化、过滤视频、过滤评论、全站黑白名单」，提供 300+ 功能，定制自己的 B 站',
                 author: 'festoney8',