From a2d331f0271326aaac0c2340ed72670e5a13f85f Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Thu, 5 Nov 2026 18:38:05 +0800
Subject: [PATCH] fix: Optimize shared logic to avoid redundant re-renders

---
 .../message-list/share/ShareMessageRow.vue    | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue b/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue
index 66e350577e3..88a3dd4fa22 100644
--- a/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue
+++ b/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue
@@ -14,9 +14,11 @@ provide(SHARE_RECORD_ID_KEY, toRef(props, 'recordId'))
 </script>
 
 <template>
-  <div v-if="active && shareLink" class="flex items-center gap-3">
+  <!-- 单一结构：slot 层级固定，进出分享模式只切换样式与勾选框，消息内容组件不重建，展开状态得以保留 -->
+  <div :class="{ 'flex items-center gap-3': active && shareLink }">
     <!-- 选择当前问答轮次 -->
     <el-checkbox
+      v-if="active && shareLink"
       :model-value="shareLink.isSelected(recordId)"
       :disabled="shareLink.isDisabled(recordId)"
       class="mt-3 shrink-0"
@@ -24,16 +26,21 @@ provide(SHARE_RECORD_ID_KEY, toRef(props, 'recordId'))
     />
     <!-- 分享模式下点击消息区域切换整轮选择 -->
     <div
-      class="min-w-0 flex-1 rounded-xl p-3"
-      :class="[shareLink.isDisabled(recordId) ? 'cursor-default' : 'cursor-pointer hover:bg-N900/8', { 'bg-N900/8': shareLink.isSelected(recordId) }]"
-      @click="shareLink.toggle(recordId)"
+      class="min-w-0 flex-1"
+      :class="
+        active && shareLink
+          ? [
+              'rounded-xl p-3',
+              shareLink.isDisabled(recordId) ? 'cursor-default' : 'cursor-pointer hover:bg-N900/8',
+              { 'bg-N900/8': shareLink.isSelected(recordId) },
+            ]
+          : ''
+      "
+      @click="active && shareLink?.toggle(recordId)"
     >
-      <div class="pointer-events-none select-none">
+      <div :class="{ 'pointer-events-none select-none': active && shareLink }">
         <slot />
       </div>
     </div>
   </div>
-  <div v-else>
-    <slot />
-  </div>
 </template>