From 36680bbf3d082a9f975904474504738bdb767ebf Mon Sep 17 00:00:00 2001
From: xu_yanfeng <xu_yanfeng@126.com>
Date: Mon, 27 Jan 2025 17:39:51 +0800
Subject: [PATCH] bugfix

---
 cc-inspector/package.json                            |  2 +-
 cc-inspector/src/scripts/inject/hint/index.ts        |  7 +++++--
 cc-inspector/src/views/devtools/comp/index.ts        |  1 +
 cc-inspector/src/views/devtools/find.vue             |  2 +-
 cc-inspector/src/views/devtools/test/server.ts       | 12 ++++++++----
 .../src/views/devtools/ui/property-engine.vue        |  4 ++++
 6 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/cc-inspector/package.json b/cc-inspector/package.json
index 0175b36..a0497b0 100644
--- a/cc-inspector/package.json
+++ b/cc-inspector/package.json
@@ -29,4 +29,4 @@
     "tiny-emitter": "2.1.0",
     "uuid": "^8.3.2"
   }
-}
\ No newline at end of file
+}
diff --git a/cc-inspector/src/scripts/inject/hint/index.ts b/cc-inspector/src/scripts/inject/hint/index.ts
index c287d52..cf3b2dd 100644
--- a/cc-inspector/src/scripts/inject/hint/index.ts
+++ b/cc-inspector/src/scripts/inject/hint/index.ts
@@ -145,16 +145,19 @@ export class Hint {
   }
   public cleanHover() {
     this.hoverNodes = [];
-    this.hintAdapter.clear();
+    this.hintAdapter && this.hintAdapter.clear();
   }
   public cleanSelected() {
     this.selectedNodes = [];
-    this.hintAdapter.clear();
+    this.hintAdapter && this.hintAdapter.clear();
   }
   private hoverNodes = [];
   private selectedNodes = [];
 
   public update() {
+    if (!this.hintAdapter) {
+      return;
+    }
     this.hintAdapter.initDrawNode();
     if (!this.hintAdapter.isDrawValid()) {
       return;
diff --git a/cc-inspector/src/views/devtools/comp/index.ts b/cc-inspector/src/views/devtools/comp/index.ts
index 0af989c..d99d90c 100644
--- a/cc-inspector/src/views/devtools/comp/index.ts
+++ b/cc-inspector/src/views/devtools/comp/index.ts
@@ -1,5 +1,6 @@
 export enum CompType {
   Node = "cc.Node",
+  Prefab = "cc.Prefab",
   Spirte = "cc.Sprite",
   Label = "cc.Label",
   Widget = "cc.Widget",
diff --git a/cc-inspector/src/views/devtools/find.vue b/cc-inspector/src/views/devtools/find.vue
index 182cbf4..e9cc694 100644
--- a/cc-inspector/src/views/devtools/find.vue
+++ b/cc-inspector/src/views/devtools/find.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="find-game">
-    <div style="display: flex; flex-direction: column">
+    <div style="display: flex; flex-direction: column; margin-bottom: 3px">
       <span>no games created by cocos creator found!</span>
       <span>{{ msg }}</span>
     </div>
diff --git a/cc-inspector/src/views/devtools/test/server.ts b/cc-inspector/src/views/devtools/test/server.ts
index 5a9927b..d4911a1 100644
--- a/cc-inspector/src/views/devtools/test/server.ts
+++ b/cc-inspector/src/views/devtools/test/server.ts
@@ -1,6 +1,6 @@
 import { v4 } from "uuid";
 import { Msg, Page, PluginEvent, RequestNodeInfoData, ResponseNodeInfoData, ResponseSupportData, ResponseTreeInfoData } from "../../../core/types";
-import { VisibleProp } from "../comp";
+import { CompType, VisibleProp } from "../comp";
 import { ArrayData, BoolData, ColorData, EngineData, EnumData, Group, ImageData, Info, InvalidData, NodeInfoData, NumberData, ObjectCircleData, ObjectData, Property, StringData, TextData, TreeData, Vec2Data, Vec3Data, Vec4Data } from "../data";
 export class TestClient {
   recv(event: PluginEvent) {}
@@ -133,9 +133,13 @@ export class TestServer {
     this.testData
       .buildChild("engine")
       .buildComponent("group4") //
-      .buildProperty("node", new EngineData().init(node.name, "cc_Node", node.id))
-      .buildProperty("sprite", new EngineData().init(node.name, "cc_Sprite", node.id))
-      .buildProperty("label", new EngineData().init(node.name, "cc_Label", node.id))
+      .buildProperty("node", new EngineData().init(node.name, CompType.Node, node.id))
+      .buildProperty("sprite", new EngineData().init(node.name, CompType.Spirte, node.id))
+      .buildProperty("label", new EngineData().init(node.name, CompType.Label, node.id))
+      .buildProperty("prefab", new EngineData().init(node.name, CompType.Prefab, node.id))
+      .buildProperty("animation", new EngineData().init(node.name, CompType.Animation, node.id))
+      .buildProperty("button", new EngineData().init(node.name, CompType.Button, node.id))
+      .buildProperty("input", new EngineData().init(node.name, CompType.EditBox, node.id))
       .buildProperty("un_known", new EngineData().init(comp.name, "un_known", comp.id, node.id));
 
     this.testData
diff --git a/cc-inspector/src/views/devtools/ui/property-engine.vue b/cc-inspector/src/views/devtools/ui/property-engine.vue
index a0d10ac..4762a0d 100644
--- a/cc-inspector/src/views/devtools/ui/property-engine.vue
+++ b/cc-inspector/src/views/devtools/ui/property-engine.vue
@@ -33,6 +33,10 @@ export default defineComponent({
         map[CompType.Spirte] = "icon_picture";
         map[CompType.Label] = "icon_text";
         map[CompType.Node] = "icon_node";
+        map[CompType.Prefab] = "icon_prefab";
+        map[CompType.Animation] = "icon_animation";
+        map[CompType.Button] = "icon_button";
+        map[CompType.EditBox] = "icon_inputbox";
         return map[props.data.engineType] || "icon_unknown";
       },
     };