improve

MrWangJustToDo · Nov 5, 2024 · 42fca8b · 42fca8b
1 parent 4cdd91a
commit 42fca8b
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 38 deletions.
diff --git a/chrome/public/bundle/detector.js b/chrome/public/bundle/detector.js
diff --git a/chrome/public/bundle/hook.js b/chrome/public/bundle/hook.js
diff --git a/chrome/public/bundle/panel.js b/chrome/public/bundle/panel.js
diff --git a/chrome/public/bundle/proxy.js b/chrome/public/bundle/proxy.js
diff --git a/chrome/public/bundle/service-worker.js b/chrome/public/bundle/service-worker.js
diff --git a/chrome/src/hooks/useIframeDev.ts b/chrome/src/hooks/useIframeDev.ts
@@ -18,10 +18,12 @@ const from = "iframe";
 
 const render = "hook-render";
 
-const poseMessageFromIframe = (data: any) => {
+const postMessageFromIframe = (data: any) => {
   window.top?.postMessage({ from, ...data, source: DevToolSource }, "*");
 };
 
+const debouncePostMessageFromIframe = debounce(postMessageFromIframe, 100);
+
 export const useIframeDev = () => {
   useEffect(() => {
     const currentIsIframe = window !== window.top;
@@ -39,9 +41,9 @@ export const useIframeDev = () => {
         if (connect) {
           return;
         } else {
-          poseMessageFromIframe({ type: MessageWorkerType.init });
+          postMessageFromIframe({ type: MessageWorkerType.init });
 
-          poseMessageFromIframe({ type: MessagePanelType.show });
+          postMessageFromIframe({ type: MessagePanelType.show });
 
           id = setTimeout(listenBackEndReady, 1000);
         }
@@ -63,9 +65,9 @@ export const useIframeDev = () => {
               if (currentSelect) {
                 useDetailNode.getActions().setLoading(true);
 
-                poseMessageFromIframe({ type: MessagePanelType.nodeSelect, data: currentSelect });
+                postMessageFromIframe({ type: MessagePanelType.nodeSelect, data: currentSelect });
               } else {
-                poseMessageFromIframe({ type: MessagePanelType.nodeSelect, data: null });
+                postMessageFromIframe({ type: MessagePanelType.nodeSelect, data: null });
               }
             }
           )
@@ -80,7 +82,7 @@ export const useIframeDev = () => {
               if (currentSelect) {
                 useDetailNode.getActions().setLoading(true);
 
-                poseMessageFromIframe({ type: MessagePanelType.nodeSelectForce, data: currentSelect });
+                debouncePostMessageFromIframe({ type: MessagePanelType.nodeSelectForce, data: currentSelect });
               }
             }
           )
@@ -89,28 +91,28 @@ export const useIframeDev = () => {
         unSubscribeArray.push(
           useTreeNode.subscribe(
             (s) => s.hover,
-            () => poseMessageFromIframe({ type: MessagePanelType.nodeHover, data: useTreeNode.getReadonlyState().hover })
+            () => postMessageFromIframe({ type: MessagePanelType.nodeHover, data: useTreeNode.getReadonlyState().hover })
           )
         );
 
         unSubscribeArray.push(
           useActiveNode.subscribe(
             (s) => s.state,
-            debounce(() => poseMessageFromIframe({ type: MessagePanelType.nodeSubscriber, data: useActiveNode.getReadonlyState().state }), 100)
+            debounce(() => postMessageFromIframe({ type: MessagePanelType.nodeSubscriber, data: useActiveNode.getReadonlyState().state }), 100)
           )
         );
 
         unSubscribeArray.push(
           useConfig.subscribe(
             (s) => s.state.enableHover,
-            () => poseMessageFromIframe({ type: MessagePanelType.enableHover, data: useConfig.getReadonlyState().state.enableHover })
+            () => postMessageFromIframe({ type: MessagePanelType.enableHover, data: useConfig.getReadonlyState().state.enableHover })
           )
         );
 
         unSubscribeArray.push(
           useConfig.subscribe(
             (s) => s.state.enableUpdate,
-            () => poseMessageFromIframe({ type: MessagePanelType.enableUpdate, data: useConfig.getReadonlyState().state.enableUpdate })
+            () => postMessageFromIframe({ type: MessagePanelType.enableUpdate, data: useConfig.getReadonlyState().state.enableUpdate })
           )
         );
 
@@ -120,7 +122,7 @@ export const useIframeDev = () => {
             () => {
               const id = useChunk.getReadonlyState().id;
               if (id) {
-                poseMessageFromIframe({ type: MessagePanelType.chunk, data: id });
+                postMessageFromIframe({ type: MessagePanelType.chunk, data: id });
               }
             }
           )

diff --git a/packages/core/src/instance.ts b/packages/core/src/instance.ts
@@ -396,11 +396,11 @@ export class DevToolCore {
     this._notify({ type: DevToolMessageEnum.init, data: this._detector });
   }
 
-  notifyTrigger() {
+  notifyTrigger = debounce(() => {
     if (!this.hasEnable) return;
 
     this._notify({ type: DevToolMessageEnum.trigger, data: this._trigger });
-  }
+  }, 100)
 
   notifyRun = debounce(() => {
     if (!this.hasEnable) return;