From cc3c93c56c0f0928f6017752fbcfa56914732dc6 Mon Sep 17 00:00:00 2001
From: xu_yanfeng <xu_yanfeng@126.com>
Date: Sun, 2 Feb 2025 14:21:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0tree=20icon=E7=9A=84=E5=BC=80?=
 =?UTF-8?q?=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cc-inspector/src/views/devtools/hierarchy.vue | 13 ++++++++++++-
 cc-inspector/src/views/devtools/store.ts      |  5 +++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/cc-inspector/src/views/devtools/hierarchy.vue b/cc-inspector/src/views/devtools/hierarchy.vue
index d15f815..0aff868 100644
--- a/cc-inspector/src/views/devtools/hierarchy.vue
+++ b/cc-inspector/src/views/devtools/hierarchy.vue
@@ -11,7 +11,7 @@
           <i class="matchCase iconfont icon_font_size" @click.stop="onChangeCase" title="match case" :style="{ color: matchCase ? 'red' : '' }"></i>
         </slot>
       </CCInput>
-      <CCTree :show-icon="true" @do-search="doSearch" :search="true" @node-menu="onMenu" @contextmenu.prevent.stop="onMenu" style="flex: 1" ref="elTree" :expand-keys="expandedKeys" :default-expand-all="false" :value="treeData" @node-expand="onNodeExpand" @node-collapse="onNodeCollapse" @node-click="handleNodeClick" @node-unclick="handleNodeUnclick" @node-enter="handleNodeEnter" @node-leave="handleNodeLeave"></CCTree>
+      <CCTree :show-icon="config.showTreeIcon" @do-search="doSearch" :search="true" @node-menu="onMenu" @contextmenu.prevent.stop="onMenu" style="flex: 1" ref="elTree" :expand-keys="expandedKeys" :default-expand-all="false" :value="treeData" @node-expand="onNodeExpand" @node-collapse="onNodeCollapse" @node-click="handleNodeClick" @node-unclick="handleNodeUnclick" @node-enter="handleNodeEnter" @node-leave="handleNodeLeave"></CCTree>
     </CCDock>
   </div>
 </template>
@@ -199,6 +199,7 @@ export default defineComponent({
     }
     let preSearch = "";
     return {
+      config,
       doSearch(v: string) {
         if (v && preSearch !== v) {
           ga.fireEventWithParam(GA_EventName.TreeSearch, v);
@@ -323,6 +324,16 @@ export default defineComponent({
           },
         });
         menus.push({ type: ccui.menu.MenuType.Separator });
+        menus.push({
+          name: "tree icon",
+          selected: config.value.showTreeIcon,
+          callback(item) {
+            ga.fireEventWithParam(GA_EventName.MouseMenu, item.name);
+            config.value.showTreeIcon = !config.value.showTreeIcon;
+            appStore().save();
+          },
+        });
+        menus.push({ type: ccui.menu.MenuType.Separator });
         menus.push({
           name: "hover inspect",
           selected: config.value.hoverInspect,
diff --git a/cc-inspector/src/views/devtools/store.ts b/cc-inspector/src/views/devtools/store.ts
index cd6fdf9..7a2fb02 100644
--- a/cc-inspector/src/views/devtools/store.ts
+++ b/cc-inspector/src/views/devtools/store.ts
@@ -36,6 +36,10 @@ export class ConfigData {
    * 当节点树点击时，游戏是否同步Inspect
    */
   clickInspect: boolean = true;
+  /**
+   * 显示节点树的icon
+   */
+  showTreeIcon: boolean = true;
 }
 
 export const appStore = defineStore("app", () => {
@@ -52,6 +56,7 @@ export const appStore = defineStore("app", () => {
     config.value.refreshInspector = !!data.refreshInspector;
     config.value.hoverInspect = !!data.hoverInspect;
     config.value.clickInspect = !!data.clickInspect;
+    config.value.showTreeIcon = !!data.showTreeIcon;
   }
   return {
     frameID,