From 3631f511d4d13a60d2090e9415d3d24e7fd68b0b Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sun, 7 Jan 2024 14:25:35 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=B6=88=E6=81=AFLoa?=
 =?UTF-8?q?d=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/Loading.vue    | 22 ++++++++++++++++++-
 .../js/pages/manage/components/DialogView.vue |  2 +-
 resources/assets/js/store/getters.js          |  2 +-
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/Loading.vue b/resources/assets/js/components/Loading.vue
index bd2d5a8c1..6ca115bb7 100644
--- a/resources/assets/js/components/Loading.vue
+++ b/resources/assets/js/components/Loading.vue
@@ -1,5 +1,5 @@
 <template>
-    <ETooltip :disabled="$isEEUiApp || windowTouch || content == ''" :content="content">
+    <ETooltip v-if="visible" :disabled="$isEEUiApp || windowTouch || content == ''" :content="content">
         <svg v-if="type === 'svg'" viewBox="25 25 50 50" class="common-loading">
             <circle cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10" class="common-path"></circle>
         </svg>
@@ -19,6 +19,26 @@
                 type: [String, Number],
                 default: ''
             },
+            delay: {
+                type: Number,
+                default: 0
+            }
         },
+        data() {
+            return {
+                visible: this.delay === 0,
+                timer: null,
+            }
+        },
+        mounted() {
+            if (this.delay > 0) {
+                this.timer = setTimeout(_ => {
+                    this.visible = true
+                }, this.delay)
+            }
+        },
+        beforeDestroy() {
+            this.timer && clearTimeout(this.timer)
+        }
     }
 </script>
diff --git a/resources/assets/js/pages/manage/components/DialogView.vue b/resources/assets/js/pages/manage/components/DialogView.vue
index 99f2d7b1a..ac3a31595 100644
--- a/resources/assets/js/pages/manage/components/DialogView.vue
+++ b/resources/assets/js/pages/manage/components/DialogView.vue
@@ -215,7 +215,7 @@
             <div v-if="msgData.error === true" class="error" @click="onError">
                 <Icon type="ios-alert" />
             </div>
-            <Loading v-else-if="isLoading"/>
+            <Loading v-else-if="isLoading" :delay="300"/>
             <template v-else>
                 <!--时间-->
                 <div v-if="timeShow" class="time" @click="timeShow=false">{{msgData.created_at}}</div>
diff --git a/resources/assets/js/store/getters.js b/resources/assets/js/store/getters.js
index 5f2b9f6b0..c5bf77572 100644
--- a/resources/assets/js/store/getters.js
+++ b/resources/assets/js/store/getters.js
@@ -7,7 +7,7 @@ export default {
     isLoad(state) {
         return function (key) {
             const load = state.loads.find(item => item.key === key);
-            return load && load.num > 0
+            return !!(load && load.num > 0)
         }
     },