From dc960ab694abed0e4ff0f3d254bc30e7c844312e Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Wed, 18 Jun 2025 16:17:25 +0800
Subject: [PATCH] fix: fix issue where clicking the collapse icon does not
 close the popover

---
 packages/plugins/page/src/Tree.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/plugins/page/src/Tree.vue b/packages/plugins/page/src/Tree.vue
index ded1959141..f82a3f75fc 100644
--- a/packages/plugins/page/src/Tree.vue
+++ b/packages/plugins/page/src/Tree.vue
@@ -25,9 +25,9 @@
       @drop="handleDrop($event, node)"
       @dragend="handleDragEnd"
     >
-      <div class="content" @click="handleClickRow(node)">
+      <div class="content" @click="handleClickRow($event, node)">
         <layer-lines :line-data="layerLine[rowIndex]" :level="node.level"></layer-lines>
-        <div class="prefix-icon" @click.stop="handleSwitchCollapse(node)">
+        <div class="prefix-icon" @click="handleSwitchCollapse(node)">
           <svg-icon v-if="node.rawData.isPage" :name="collapseMap[node.id] ? 'page-collection' : 'page'"></svg-icon>
           <svg-icon v-else :name="collapseMap[node.id] ? 'folder' : 'folder-wold'"></svg-icon>
         </div>
@@ -193,7 +193,13 @@ const layerLine = computed(() => {
   return result
 })
 
-const handleClickRow = (node) => {
+const handleClickRow = (event, node) => {
+  // 点击事件来自折叠图标，不触发 clickRow 事件。点击事件仍然可以冒泡
+  const currentTarget = event.currentTarget as HTMLElement
+  if (currentTarget.querySelector('div.prefix-icon')?.contains(event.target)) {
+    return
+  }
+
   emit('clickRow', node)
 }