From f4a7b8e2bb68d43a41ef773f1811f2799d5a768c Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 7 Dec 2022 20:21:49 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=BE=A4=E8=81=8A=E5=A4=A9=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E5=A4=B4=E5=83=8F=E8=BF=9B=E5=85=A5=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/UserAvatar.vue        | 12 +++++++++++-
 .../assets/js/pages/manage/components/DialogItem.vue |  7 +------
 .../assets/js/pages/manage/components/DialogView.vue |  2 +-
 resources/assets/sass/components/user-avatar.scss    |  3 +++
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/resources/assets/js/components/UserAvatar.vue b/resources/assets/js/components/UserAvatar.vue
index ff690da46..3fde2f7c8 100755
--- a/resources/assets/js/components/UserAvatar.vue
+++ b/resources/assets/js/components/UserAvatar.vue
@@ -17,7 +17,7 @@
                 <Icon type="ios-chatbubbles" @click="openDialog"/>
             </div>
         </div>
-        <div class="avatar-wrapper">
+        <div class="avatar-wrapper" :class="{'avatar-pointer': clickOpenDialog}" @click="onClickOpen">
             <div v-if="showIcon" :class="boxClass" :style="boxStyle">
                 <em :style="spotStyle"></em>
                 <EAvatar v-if="showImg" ref="avatar" :class="{'avatar-default':isDefault}" :src="user.userimg" :size="avatarSize" :error="onError">
@@ -69,6 +69,10 @@
                 type: Boolean,
                 default: false
             },
+            clickOpenDialog: {
+                type: Boolean,
+                default: false
+            },
             tooltipPlacement: {
                 type: String,
                 default: 'bottom'
@@ -283,6 +287,12 @@
                 this.userResult(info);
             },
 
+            onClickOpen() {
+                if (this.clickOpenDialog) {
+                    this.openDialog()
+                }
+            },
+
             openDialog() {
                 this.$store.dispatch("openDialogUserid", this.userid);
             },
diff --git a/resources/assets/js/pages/manage/components/DialogItem.vue b/resources/assets/js/pages/manage/components/DialogItem.vue
index ada2d72b1..1a825fe25 100644
--- a/resources/assets/js/pages/manage/components/DialogItem.vue
+++ b/resources/assets/js/pages/manage/components/DialogItem.vue
@@ -22,12 +22,7 @@
         </div>
         <template v-else>
             <div class="dialog-avatar">
-                <UserAvatar
-                    :userid="source.userid"
-                    :tooltipDisabled="source.userid == userId || dialogData.type != 'group'"
-                    :show-icon-menu="dialogData.type == 'group'"
-                    :open-delay="100"
-                    :size="30"/>
+                <UserAvatar :userid="source.userid" tooltip-disabled :click-open-dialog="dialogData.type == 'group'" :size="30"/>
             </div>
             <DialogView
                 :msg-data="source"
diff --git a/resources/assets/js/pages/manage/components/DialogView.vue b/resources/assets/js/pages/manage/components/DialogView.vue
index 8f3315428..db5cb6e7b 100644
--- a/resources/assets/js/pages/manage/components/DialogView.vue
+++ b/resources/assets/js/pages/manage/components/DialogView.vue
@@ -2,7 +2,7 @@
     <div class="dialog-view" :class="viewClass" :data-id="msgData.id">
         <!--昵称-->
         <div v-if="dialogType === 'group'" class="dialog-username">
-            <UserAvatar :userid="msgData.userid" :show-icon="false" :show-name="true" :tooltip-disabled="true"/>
+            <UserAvatar :userid="msgData.userid" :show-icon="false" :show-name="true" click-open-dialog/>
         </div>
 
         <div
diff --git a/resources/assets/sass/components/user-avatar.scss b/resources/assets/sass/components/user-avatar.scss
index 4226f408e..df3c746ec 100755
--- a/resources/assets/sass/components/user-avatar.scss
+++ b/resources/assets/sass/components/user-avatar.scss
@@ -74,6 +74,9 @@
             white-space: nowrap;
         }
     }
+    &.avatar-pointer {
+        cursor: pointer;
+    }
 }
 .common-avatar-transfer {
     padding: 4px 2px;