From 07b91058af84e6b55a9c0d1ecf68f864ef6d89c7 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 11 Aug 2025 06:55:55 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=B2=98=E8=B4=B4?=
 =?UTF-8?q?=E6=8F=90=E5=8F=8A=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/ChatInput/index.vue     | 49 ++++++++++++++++---
 1 file changed, 42 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index cfbdc7255..133b66d3e 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -17,7 +17,7 @@
                     :enable-y="false"
                     :touch-content-blur="false"
                     class-name="chat-quick-emoji-wrapper scrollbar-hidden">
-                    <li v-for="item in emojiQuickItems" @click="onEmojiQuick(item)">
+                    <li v-for="(item, index) in emojiQuickItems" :key="index" @click="onEmojiQuick(item)">
                         <Imgs :title="item.name" :alt="item.name" :src="item.src"/>
                     </li>
                 </Scrollbar>
@@ -297,6 +297,7 @@
 <script>
 import {mapGetters, mapState} from "vuex";
 import Quill from 'quill-hi';
+import {Delta} from "quill-hi/core";
 import "quill-mention-hi";
 import ChatEmoji from "./emoji";
 import touchmouse from "../../../../directives/touchmouse";
@@ -1044,12 +1045,6 @@ export default {
                     const obj = {
                         insert: op.insert
                     };
-                    try {
-                        // 替换 mention 对象为纯文本
-                        if (typeof obj.insert.mention === "object" && node.innerHTML) {
-                            obj.insert = node.innerHTML.replace(/<[^>]+>/g, "")
-                        }
-                    } catch (e) { }
                     if (op.attributes) {
                         ['bold', 'strike', 'italic', 'underline', 'list', 'blockquote', 'link'].some(item => {
                             if (op.attributes[item]) {
@@ -1065,6 +1060,21 @@ export default {
                 return delta
             })
 
+            // 专门处理mention的matcher - 同时处理span.mention和a.mention
+            this.quill.clipboard.addMatcher(['span.mention', 'a.mention'], (node, delta) => {
+                if (!this.pasteClean) {
+                    return delta
+                }
+                const mention = this.extractMentionData(node)
+                if (mention === null) {
+                    return delta
+                }
+
+                return new Delta([{
+                    insert: {mention}
+                }]);
+            })
+
             // Link handler
             const toolbar = this.quill.getModule('toolbar')
             if (toolbar?.handlers?.link) {
@@ -1198,6 +1208,31 @@ export default {
             }
         },
 
+        extractMentionData(node) {
+            let denotationChar = node.getAttribute('data-denotation-char');
+            let dataId = node.getAttribute('data-id') || node.getAttribute('href');
+            let dataValue = node.getAttribute('data-value');
+
+            if (!denotationChar || !dataValue) {
+                const textContent = node.textContent || node.innerText || '';
+                const match = textContent.match(/^([@#~%])(.*)$/);
+                if (match) {
+                    denotationChar = denotationChar || match[1];
+                    dataValue = dataValue || match[2];
+                }
+            }
+
+            if (!denotationChar || !dataId || !dataValue) {
+                return null
+            }
+
+            return {
+                denotationChar: denotationChar,
+                id: dataId,
+                value: dataValue
+            };
+        },
+
         updateEmojiQuick(text) {
             if (!this.isFocus || !text) {
                 this.emojiQuickShow = false