@leeguoo/pwtk-network-debugger 1.2.27 → 1.2.28

package/dist/index.esm.js

@@ -8093,6 +8093,7 @@ const _DebugPanel = class _DebugPanel {
     this.isDragging = false;
     this.isResizing = false;
     this.dragStart = { x: 0, y: 0 };
+    this.resizeTimeout = null;
     this.currentTab = "network";
     this.consoleHistory = [];
     this.requestsCache = [];
@@ -8210,8 +8211,14 @@ const _DebugPanel = class _DebugPanel {
       this.startDrag(e);
     });
     controls.addEventListener("click", (e) => {
-      const target = e.target;
-      const action = target.dataset.action;
+      e.stopPropagation();
+      let target = e.target;
+      while (target && target !== controls) {
+        if (target.dataset?.action) break;
+        target = target.parentElement;
+      }
+      const action = target?.dataset?.action;
+      if (!action) return;
       switch (action) {
         case "clear":
           this.clearRequests();
@@ -8261,6 +8268,7 @@ const _DebugPanel = class _DebugPanel {
     });
     document.addEventListener("mousemove", this.handleMouseMove.bind(this));
     document.addEventListener("mouseup", this.handleMouseUp.bind(this));
+    window.addEventListener("resize", this.handleWindowResize.bind(this));
   }
   startListening() {
     this.interceptor.addListener((request) => {
@@ -8522,8 +8530,14 @@ Created by Leo (@leeguoo)`);
       `;
       const controls = header.querySelector(".debugger-controls");
       controls.addEventListener("click", (e) => {
-        const target = e.target;
-        const action = target.dataset.action;
+        e.stopPropagation();
+        let target = e.target;
+        while (target && target !== controls) {
+          if (target.dataset?.action) break;
+          target = target.parentElement;
+        }
+        const action = target?.dataset?.action;
+        if (!action) return;
         switch (action) {
           case "clear":
             this.clearRequests();
@@ -8725,6 +8739,61 @@ Created by Leo (@leeguoo)`);
     this.isResizing = false;
     delete this.container.dataset.resizeDirection;
   }
+  handleWindowResize() {
+    if (this.resizeTimeout) {
+      clearTimeout(this.resizeTimeout);
+    }
+    this.resizeTimeout = window.setTimeout(() => {
+      this.adjustPositionForWindowResize();
+    }, 100);
+  }
+  adjustPositionForWindowResize() {
+    const rect = this.container.getBoundingClientRect();
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    let needsAdjustment = false;
+    let newLeft = rect.left;
+    let newTop = rect.top;
+    let newWidth = rect.width;
+    let newHeight = rect.height;
+    if (rect.right > windowWidth) {
+      newLeft = windowWidth - rect.width;
+      needsAdjustment = true;
+    }
+    if (rect.bottom > windowHeight) {
+      newTop = windowHeight - rect.height;
+      needsAdjustment = true;
+    }
+    if (newLeft < 0) {
+      newLeft = 0;
+      needsAdjustment = true;
+    }
+    if (newTop < 0) {
+      newTop = 0;
+      needsAdjustment = true;
+    }
+    if (rect.width > windowWidth) {
+      newWidth = windowWidth - 20;
+      newLeft = 10;
+      needsAdjustment = true;
+    }
+    if (rect.height > windowHeight) {
+      newHeight = windowHeight - 20;
+      newTop = 10;
+      needsAdjustment = true;
+    }
+    if (needsAdjustment) {
+      this.container.style.left = `${newLeft}px`;
+      this.container.style.top = `${newTop}px`;
+      this.container.style.right = "auto";
+      this.container.style.bottom = "auto";
+      if (rect.width > windowWidth || rect.height > windowHeight) {
+        this.container.style.width = `${newWidth}px`;
+        this.container.style.height = `${newHeight}px`;
+      }
+      this.savePosition();
+    }
+  }
   show() {
     this.container.style.display = "block";
     this.removeReopenButton();
@@ -8738,7 +8807,7 @@ Created by Leo (@leeguoo)`);
     const btn = document.createElement("button");
     btn.id = "network-debugger-reopen-btn";
     btn.className = "debugger-reopen-btn";
-    btn.title = "打开调试面板";
+    btn.title = "打开调试面板 (可拖动)";
     btn.textContent = "PWTK";
     const pos = this.config.position || "bottom-right";
     if (pos.includes("bottom")) {
@@ -8751,7 +8820,55 @@ Created by Leo (@leeguoo)`);
     } else {
       btn.style.left = "20px";
     }
-    btn.addEventListener("click", () => this.show());
+    let isDragging = false;
+    let dragStart = { x: 0, y: 0 };
+    let clickTimer = null;
+    btn.addEventListener("mousedown", (e) => {
+      if (e.button === 0) {
+        isDragging = false;
+        dragStart = { x: e.clientX, y: e.clientY };
+        btn.style.transition = "none";
+        clickTimer = window.setTimeout(() => {
+          isDragging = true;
+          btn.style.cursor = "grabbing";
+        }, 150);
+        e.preventDefault();
+      }
+    });
+    const handleMouseMove = (e) => {
+      if (!isDragging) return;
+      const deltaX = e.clientX - dragStart.x;
+      const deltaY = e.clientY - dragStart.y;
+      const rect = btn.getBoundingClientRect();
+      const newLeft = rect.left + deltaX;
+      const newTop = rect.top + deltaY;
+      const maxX = window.innerWidth - rect.width;
+      const maxY = window.innerHeight - rect.height;
+      const clampedX = Math.max(0, Math.min(maxX, newLeft));
+      const clampedY = Math.max(0, Math.min(maxY, newTop));
+      btn.style.position = "fixed";
+      btn.style.left = `${clampedX}px`;
+      btn.style.top = `${clampedY}px`;
+      btn.style.right = "auto";
+      btn.style.bottom = "auto";
+      dragStart = { x: e.clientX, y: e.clientY };
+    };
+    const handleMouseUp = () => {
+      if (clickTimer) {
+        clearTimeout(clickTimer);
+        clickTimer = null;
+      }
+      if (isDragging) {
+        isDragging = false;
+        btn.style.cursor = "pointer";
+        btn.style.transition = "all 0.3s ease";
+      } else {
+        this.show();
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    btn.style.cursor = "pointer";
     document.body.appendChild(btn);
   }
   removeReopenButton() {
@@ -8915,7 +9032,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v1.2.20           ║
+║  🔓 PWTK 解密小工具 v1.2.28           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║