From c1381d5f67437031f80e7a6593d48ba5a645b327 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Fri, 18 Nov 2022 16:07:31 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=A1=A8=E6=83=85?=
 =?UTF-8?q?=E5=8F=91=E9=80=81=E5=90=8E=E6=90=9C=E7=B4=A2=E5=85=B3=E9=94=AE?=
 =?UTF-8?q?=E8=AF=8D=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/ChatInput/emoji.vue     | 16 ++++++++++------
 .../manage/components/ChatInput/index.vue     | 19 +++++++++++++++++--
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ChatInput/emoji.vue b/resources/assets/js/pages/manage/components/ChatInput/emoji.vue
index 55caf1f91..20c56a56f 100644
--- a/resources/assets/js/pages/manage/components/ChatInput/emoji.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/emoji.vue
@@ -14,12 +14,12 @@
             </ul>
         </div>
         <ul class="chat-emoji-menu">
-            <li :class="{active: type === 'emoji'}" @click="type='emoji'">
-                <span class="no-dark-content">&#128512;</span>
-            </li>
             <li :class="{active: type === 'emosearch'}" @click="type='emosearch'">
                 <i class="taskfont">&#xe6f8;</i>
             </li>
+            <li :class="{active: type === 'emoji'}" @click="type='emoji'">
+                <span class="no-dark-content">&#128512;</span>
+            </li>
             <li v-for="item in emoticonList" :class="{active: type === 'emoticon' && emoticonPath == item.path}" @click="onEmoticon(item.path)">
                 <img :title="item.name" :alt="item.name" :src="item.src"/>
             </li>
@@ -51,9 +51,7 @@ export default {
         };
     },
     mounted() {
-        if (this.searchKey) {
-            this.emosearchKey = this.searchKey;
-        }
+        //
     },
     watch: {
         type() {
@@ -61,6 +59,12 @@ export default {
         },
         emosearchKey() {
             this.onEmosearch()
+        },
+        searchKey: {
+            handler(val) {
+                this.emosearchKey = val;
+            },
+            immediate: true
         }
     },
     computed: {
diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index b848c04fc..fbce493fe 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -425,7 +425,19 @@ export default {
 
         showEmoji(val) {
             if (val) {
+                let text = this.value.replace(/&nbsp;/g," ")
+                text = text.replace(/<[^>]+>/g, "")
+                if (text
+                    && text.indexOf(" ") === -1
+                    && text.length >= 1
+                    && text.length <= 4) {
+                    this.emojiQuickKey = text;
+                } else {
+                    this.emojiQuickKey = "";
+                }
+                //
                 this.showMore = false;
+                this.emojiQuickShow = false;
                 if (this.quill) {
                     const range = this.quill.selection.savedRange;
                     this.rangeIndex = range ? range.index : 0
@@ -712,7 +724,6 @@ export default {
                     && text.length <= 4
                     && $A.isArray(window.emoticonData)) {
                     // 显示快捷选择表情窗口
-                    this.emojiQuickKey = text;
                     this.emojiQuickItems = [];
                     let baseUrl = $A.apiUrl("../images/emoticon")
                     window.emoticonData.some(data => {
@@ -888,8 +899,9 @@ export default {
         },
 
         hidePopover() {
-            this.showEmoji = false;
             this.showMore = false;
+            this.showEmoji = false;
+            this.emojiQuickShow = false;
         },
 
         onClickCover() {
@@ -942,6 +954,9 @@ export default {
                 }
             } else if (item.type === 'emoticon') {
                 this.$emit('on-send', `<img class="emoticon" data-asset="${item.asset}" data-name="${item.name}" src="${item.src}"/>`)
+                if (item.asset === "emosearch") {
+                    this.$emit('input', "")
+                }
                 if (this.windowLarge) {
                     this.showEmoji = false;
                 }