From ed7de8cdae9fecb03827490b6df6cba67a41817b Mon Sep 17 00:00:00 2001
From: xu_yanfeng <xu_yanfeng@126.com>
Date: Fri, 27 Dec 2024 19:51:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=93=E6=B2=A1=E6=9C=89=E5=8F=91=E7=8E=B0co?=
 =?UTF-8?q?cos=E5=88=B6=E4=BD=9C=E7=9A=84=E6=B8=B8=E6=88=8F=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E5=AE=9A=E6=97=B6=E5=99=A8=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B=E6=AF=8F300ms=E6=A3=80=E6=B5=8B=E4=B8=80=E6=AC=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cc-inspector/src/views/devtools/find.vue  | 65 +++++++++++++++++++++++
 cc-inspector/src/views/devtools/index.vue | 65 ++++-------------------
 2 files changed, 75 insertions(+), 55 deletions(-)
 create mode 100644 cc-inspector/src/views/devtools/find.vue

diff --git a/cc-inspector/src/views/devtools/find.vue b/cc-inspector/src/views/devtools/find.vue
new file mode 100644
index 0000000..c921263
--- /dev/null
+++ b/cc-inspector/src/views/devtools/find.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="find-game">
+    <span>no games created by cocos creator found!</span>
+    <i class="fresh iconfont icon_refresh" @click="onBtnClickUpdatePage"></i>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent, onMounted, onUnmounted } from "vue";
+import { Msg, RequestSupportData } from "../../core/types";
+import { bridge } from "./bridge";
+export default defineComponent({
+  name: "find",
+  setup(props) {
+    let timer: NodeJS.Timer = null;
+    onMounted(() => {
+      timer = setInterval(() => {
+        checkSupport();
+      }, 300);
+    });
+    onUnmounted(() => {
+      clearInterval(timer);
+    });
+
+    function checkSupport() {
+      bridge.send(Msg.RequestSupport, {} as RequestSupportData);
+    }
+    return {
+      onBtnClickUpdatePage() {
+        checkSupport();
+      },
+    };
+  },
+});
+</script>
+<style lang="less" scoped>
+.find-game {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+
+  span {
+    margin-right: 20px;
+    color: white;
+    font-size: 20px;
+    user-select: none;
+  }
+
+  .fresh {
+    cursor: pointer;
+    color: white;
+    font-size: 20px;
+
+    &:hover {
+      color: #cef57b;
+    }
+
+    &:active {
+      color: #ffaa00;
+    }
+  }
+}
+</style>
diff --git a/cc-inspector/src/views/devtools/index.vue b/cc-inspector/src/views/devtools/index.vue
index e745053..0b30d18 100644
--- a/cc-inspector/src/views/devtools/index.vue
+++ b/cc-inspector/src/views/devtools/index.vue
@@ -29,10 +29,7 @@
         <Properties v-if="treeItemData" :data="treeItemData"></Properties>
       </div>
     </div>
-    <div v-show="!isShowDebug" class="no-find">
-      <span>no games created by cocos creator found!</span>
-      <i class="fresh iconfont icon_refresh" @click="onBtnClickUpdatePage"></i>
-    </div>
+    <Find v-if="!isShowDebug"></Find>
     <CCDialog></CCDialog>
     <CCFootBar :version="version"></CCFootBar>
   </div>
@@ -45,10 +42,11 @@ import { Option } from "@xuyanfeng/cc-ui/types/cc-select/const";
 import { storeToRefs } from "pinia";
 import { defineComponent, nextTick, onMounted, reactive, ref, toRaw, watch } from "vue";
 import PluginConfig from "../../../cc-plugin.config";
-import { Msg, PluginEvent, RequestNodeInfoData, RequestSupportData, RequestTreeInfoData, RequestLogData, RequestObjectData, RequestUseFrameData, ResponseObjectData, ResponseSetPropertyData, ResponseSupportData } from "../../core/types";
+import { Msg, PluginEvent, RequestLogData, RequestNodeInfoData, RequestObjectData, RequestTreeInfoData, RequestUseFrameData, ResponseObjectData, ResponseSetPropertyData, ResponseSupportData } from "../../core/types";
 import { bridge } from "./bridge";
 import Bus, { BusMsg } from "./bus";
 import { EngineData, FrameDetails, NodeInfoData, ObjectData, TreeData } from "./data";
+import Find from "./find.vue";
 import { appStore, RefreshType } from "./store";
 import Test from "./test/test.vue";
 import Properties from "./ui/propertys.vue";
@@ -61,7 +59,7 @@ interface FrameInfo {
 }
 
 export default defineComponent({
-  components: { Test, CCFootBar, CCDialog, CCTree, CCDivider, CCButtonGroup, Properties, SettingsVue, CCInput, CCButton, CCInputNumber, CCSelect, CCCheckBox, CCColor },
+  components: { Find, Test, CCFootBar, CCDialog, CCTree, CCDivider, CCButtonGroup, Properties, SettingsVue, CCInput, CCButton, CCInputNumber, CCSelect, CCCheckBox, CCColor },
   name: "devtools",
   props: {},
   setup(props, ctx) {
@@ -242,24 +240,14 @@ export default defineComponent({
           }
         }
       };
-      msgFunctionMap[Msg.ResponseUpdateFrames] = (details: FrameDetails[]) => {
-        // 先把iframes里面无效的清空了
-        iframes.value = iframes.value.filter((item) => {
-          details.find((el) => el.frameID === item.value);
+      msgFunctionMap[Msg.ResponseUpdateFrames] = (resFrames: FrameDetails[]) => {
+        iframes.value = resFrames.map((item) => {
+          return {
+            label: item.url,
+            value: item.frameID,
+          };
         });
 
-        // 同步配置
-        details.forEach((item) => {
-          let findItem = iframes.value.find((el) => el.value === item.frameID);
-          if (findItem) {
-            findItem.label = item.url;
-          } else {
-            iframes.value.push({
-              label: item.url,
-              value: item.frameID,
-            });
-          }
-        });
         // 第一次获取到frame配置后，自动获取frame数据
         if (frameID === null && iframes.value.length > 0 && !iframes.value.find((el) => el.value === frameID.value)) {
           frameID.value = iframes[0].value;
@@ -455,9 +443,6 @@ export default defineComponent({
         }
       },
 
-      onBtnClickUpdatePage() {
-        bridge.send(Msg.RequestSupport, {} as RequestSupportData);
-      },
       onMemoryTest() {
         bridge.send(Msg.MemoryInfo);
       },
@@ -509,36 +494,6 @@ export default defineComponent({
     }
   }
 
-  .no-find {
-    display: flex;
-    flex: 1;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-
-    span {
-      margin-right: 20px;
-      color: white;
-      font-size: 20px;
-      user-select: none;
-    }
-
-    .fresh {
-      cursor: pointer;
-      color: white;
-      font-size: 20px;
-
-      &:hover {
-        color: #cef57b;
-      }
-
-      &:active {
-        color: #ffaa00;
-      }
-    }
-  }
-
   .find {
     display: flex;
     flex: 1;