From 4f072de2eef13153b9c1f5d688117d4fbbe4c3fc Mon Sep 17 00:00:00 2001
From: lixinran <lixinran@writebug.com>
Date: Sat, 11 Oct 2025 15:09:29 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E8=8A=82=E7=82=B9=E5=8F=8C=E5=87=BB=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

关键修复：
- 恢复双击图片节点的预览功能
- 双击图片元素触发showImagePreview事件
- 双击包含原生图片的节点触发showImagePreview事件
- 保持富文本节点的编辑功能

交互逻辑：
- 双击图片 → 预览图片
- 双击包含原生图片的节点 → 预览图片
- 双击富文本节点 → 编辑内容
- 双击表格节点 → 编辑表格
- 右键节点 → 显示菜单（包含预览和编辑选项）

技术实现：
- 在mouse.ts中区分不同类型的双击事件
- 优先处理图片预览，再处理富文本编辑
- 保持原有的表格编辑功能

现在图片预览功能已经恢复正常。
---
 backend/mindmap.db                        | Bin 8482816 -> 8482816 bytes
 frontend/src/lib/mind-elixir/src/mouse.ts |  22 +++++++++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/backend/mindmap.db b/backend/mindmap.db
index 5aa4311861393519a9b284182b9bb4c49f7999c9..1495a0e0e66dae760c8acbc9150139be1e15f10b 100644
GIT binary patch
delta 612
zcmXxbIa3n>9LC`+B)UWb${}h%QIQ2jG=T(y7ZE)0;?UrM$LkfmS5)E^Fc$x@b4<hb
z6wcVtIs0uKXZ!*>egS`t#Zx|&pBAm)OVU}ZwvRb$A7ye(HKtlq)D$zVGp#qdraDvH
zw82zwN|+i<ji!yJO{OMOv#G_@YT9gSGi@<#HElB`P3@)*({|GiQ>SUCX_slYsmrv-
z)csxFS3h2KoMPid!)m=B=6}`BI&CYlABpCITX3D~QX-#sYm$*jBv=eTFL+@zo*o#?
zWQT@xo#o)qa#w3GSMpjCxsg<=Ka<I(b6ICTn2y)=guhq&zQuykk{5ITm%y3q?fB%E
zJ@lX#d$A9F*pGf3z(J&t#sCJ9K^8+8Mh+u5gu^(3qd109<Z&Eh7{>{m#3`J{1kT_r
z&fz>RU=mZ9#tbgv5(=2bWn95kT*Dl$;|6Zx7KGclgS)tg`zT@_5AYC=@EA|<6wlz}
gITr8&FYyYCDB(5U;4R+aJ<3?ZGCqWUxl;Z650hl=@&Et;

delta 594
zcmWN=$xc%N0EJ;Lv|1_!6%e)Hh!zw90n6Zk6(^h!vChMBz^bSf#nz!<U7WbJ3v>4@
zOkA)ueH&xq3ut@+|1bH<zZ@y^OEOrgv`+*ppJWAAtyO15tf;lhT5ZLwdMj?Nu^Oy|
z)o3+YYpr$GdaK!Lv0AMSR-3ia+GK6El2*IbVQsOtTHCDc)(&f@)oJarcK=Z7TRvV4
zf@0HT<8nj3n)zLq3);Re{7f`wW7$|xnM-6cvD#!!O-(pkU7Sx<BS9(ryVThl&J<ED
ziS*dOaBqKlbYyTS$c5AK`mXAq<(}`+u&<DchQU;K$LD-0#V&Sp5BIW%``F7q_H#c6
zILIL$V4A}m;V8#=kcW7fM>x)-%<vc|c$_DAlBal@lRU$-Jje6Az$sqjG%s<6mzm`i
zUgb4j=MCQEE#BrG-lcet_xXSiIm<`P@iCw9Dd+f%&-sFRzT`Y#@iiCth6NV+mhbqU
RA6Vidm-w-oFO@6*{sRyj>b(E}

diff --git a/frontend/src/lib/mind-elixir/src/mouse.ts b/frontend/src/lib/mind-elixir/src/mouse.ts
index 58fa122..9b609aa 100644
--- a/frontend/src/lib/mind-elixir/src/mouse.ts
+++ b/frontend/src/lib/mind-elixir/src/mouse.ts
@@ -54,14 +54,10 @@ export default function (mind: MindElixirInstance) {
       const imageUrl = img.src
       const altText = img.alt || img.title || ''
       
-      console.log('🖼️ 双击图片节点，准备编辑:', { imageUrl, altText })
-      console.log('🖼️ 触发showImageEditor事件')
+      console.log('🖼️ 双击图片节点，准备预览:', { imageUrl, altText })
       
-      // 触发富文本编辑事件
-      const topicElement = target.closest('.me-tpc') as Topic
-      if (topicElement) {
-        mind.bus.fire('showRichTextEditor', topicElement.nodeObj, topicElement)
-      }
+      // 双击图片触发预览事件
+      mind.bus.fire('showImagePreview', imageUrl, altText)
       return
     }
     
@@ -78,8 +74,16 @@ export default function (mind: MindElixirInstance) {
         return
       }
       
-      // 检查节点是否有图片或富文本内容（但不包括表格）
-      if (topic.nodeObj?.image || (topic.nodeObj?.dangerouslySetInnerHTML && !topic.innerHTML.includes('<table')) || topic.querySelector('img')) {
+      // 检查节点是否有MindElixir原生图片
+      if (topic.nodeObj?.image) {
+        const imageUrl = typeof topic.nodeObj.image === 'string' ? topic.nodeObj.image : topic.nodeObj.image.url
+        console.log('🖼️ 双击包含原生图片的节点，准备预览:', imageUrl)
+        mind.bus.fire('showImagePreview', imageUrl, topic.nodeObj.topic || '')
+        return
+      }
+      
+      // 检查节点是否有富文本内容（但不包括表格）
+      if (topic.nodeObj?.dangerouslySetInnerHTML && !topic.innerHTML.includes('<table')) {
         console.log('📝 双击富文本节点，准备编辑:', topic.nodeObj?.topic || '')
         mind.bus.fire('showRichTextEditor', topic.nodeObj, topic)
         return