From c0c6076fdc65444d175bc88362d3206323060633 Mon Sep 17 00:00:00 2001
From: 18317449825 <18317449825@163.com>
Date: Thu, 26 May 2022 13:53:16 +0800
Subject: [PATCH] =?UTF-8?q?perf=EF=BC=9Apanel=20starred=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E5=87=BD=E6=95=B0=E9=98=B2=E6=8A=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/popBox/selectPanel.vue  |  8 ++++--
 nezha-fronted/src/libs/bus.js                 | 26 +++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/common/popBox/selectPanel.vue b/nezha-fronted/src/components/common/popBox/selectPanel.vue
index 9f52d2012..d1a3ec5a5 100644
--- a/nezha-fronted/src/components/common/popBox/selectPanel.vue
+++ b/nezha-fronted/src/components/common/popBox/selectPanel.vue
@@ -88,6 +88,7 @@
 </template>
 
 <script>
+import bus from '@/libs/bus'
 export default {
   name: 'selectPanel',
   props: {
@@ -195,7 +196,7 @@ export default {
       return arr.reverse()
     },
     // 新增收藏
-    addStarred (data) {
+    addStarred: bus.debounceFn(function (data) {
       const params = {
         type: 'panel',
         tid: data.id
@@ -206,14 +207,17 @@ export default {
         }
       })
     },
+    300, true),
+
     // 删除收藏
-    delStarred (data) {
+    delStarred: bus.debounceFn(function (data) {
       this.$delete('/sys/user/starred?type=panel&tid=' + data.id).then(response => {
         if (response.code === 200) {
           this.getStarred()
         }
       })
     },
+    300, true),
     /*
         * node: 被拖的节点
         * relative: 发生关系的节点
diff --git a/nezha-fronted/src/libs/bus.js b/nezha-fronted/src/libs/bus.js
index 64ace019b..b2101691a 100644
--- a/nezha-fronted/src/libs/bus.js
+++ b/nezha-fronted/src/libs/bus.js
@@ -248,6 +248,32 @@ export default new Vue({
         }, delay)
       }
     },
+    /**
+     * @desc 防抖函数
+     * @param {需要防抖的函数} func
+     * @param {延迟时间} wait
+     * @param {是否立即执行} immediate
+     */
+    debounceFn (func, wait, immediate) {
+      let timeout
+      return function (...args) {
+        const context = this
+        if (timeout) clearTimeout(timeout)
+
+        if (immediate) {
+          const callNow = !timeout
+          timeout = setTimeout(function () {
+            timeout = null
+          }, wait)
+          if (callNow) func.apply(context, args)
+        } else {
+          timeout = setTimeout(function () {
+            func.apply(context, args)
+          }, wait)
+        }
+      }
+    },
+
     UTCTimeToConfigTimezone (utcTime) {
       let offset = localStorage.getItem('nz-sys-timezone')
       offset = moment.tz(offset).format('Z')