@leeguoo/pwtk-network-debugger 1.2.26 → 1.2.27

package/dist/index.esm.js

@@ -7506,6 +7506,12 @@ const styles = `
   color: #000;
 }
 
+.debugger-icon {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+}
+
 .debugger-content {
   height: calc(100% - 40px);
   overflow: hidden;
@@ -7957,6 +7963,24 @@ const styles = `
   height: 12px;
   cursor: sw-resize;
 }
+
+.debugger-reopen-btn {
+  position: fixed;
+  z-index: 999999;
+  background: #4CAF50;
+  color: #000;
+  border: none;
+  padding: 8px 10px;
+  border-radius: 16px;
+  font-weight: bold;
+  font-size: 12px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  cursor: pointer;
+}
+
+.debugger-reopen-btn:hover {
+  filter: brightness(0.95);
+}
 `;
 async function createShareLink(requestData) {
   try {
@@ -8104,11 +8128,11 @@ const _DebugPanel = class _DebugPanel {
       <div class="debugger-header">
         <div class="debugger-title">🔓 ${this.config.minimized ? "PWTK" : "PWTK 解密小工具"} <span style="font-size: 10px; opacity: 0.7;">by Leo</span></div>
         <div class="debugger-controls">
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空">🗑️</button>' : ""}
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出">💾</button>' : ""}
-          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}">${this.config.minimized ? "📖" : "📕"}</button>
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏">⛶</button>' : ""}
-          <button class="debugger-btn" data-action="close" title="关闭">✕</button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="${this.config.minimized ? "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" : "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}"/></svg></button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="close" title="关闭"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
         </div>
       </div>
       <div class="debugger-content">
@@ -8489,11 +8513,11 @@ Created by Leo (@leeguoo)`);
       header.innerHTML = `
         <div class="debugger-title">🔓 ${this.config.minimized ? "PWTK" : "PWTK 解密小工具"} <span style="font-size: 10px; opacity: 0.7;">by Leo</span></div>
         <div class="debugger-controls">
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空">🗑️</button>' : ""}
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出">💾</button>' : ""}
-          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}">${this.config.minimized ? "📖" : "📕"}</button>
-          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏">⛶</button>' : ""}
-          <button class="debugger-btn" data-action="close" title="关闭">✕</button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="clear" title="清空"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg></button>' : ""}
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="export" title="导出"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="minimize" title="${this.config.minimized ? "展开" : "最小化"}"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="${this.config.minimized ? "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" : "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}"/></svg></button>
+          ${!this.config.minimized ? '<button class="debugger-btn" data-action="fullscreen" title="全屏"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg></button>' : ""}
+          <button class="debugger-btn" data-action="close" title="关闭"><svg class="debugger-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
         </div>
       `;
       const controls = header.querySelector(".debugger-controls");
@@ -8703,14 +8727,42 @@ Created by Leo (@leeguoo)`);
   }
   show() {
     this.container.style.display = "block";
+    this.removeReopenButton();
   }
   hide() {
     this.container.style.display = "none";
+    this.createReopenButton();
+  }
+  createReopenButton() {
+    if (document.getElementById("network-debugger-reopen-btn")) return;
+    const btn = document.createElement("button");
+    btn.id = "network-debugger-reopen-btn";
+    btn.className = "debugger-reopen-btn";
+    btn.title = "打开调试面板";
+    btn.textContent = "PWTK";
+    const pos = this.config.position || "bottom-right";
+    if (pos.includes("bottom")) {
+      btn.style.bottom = "20px";
+    } else {
+      btn.style.top = "20px";
+    }
+    if (pos.includes("right")) {
+      btn.style.right = "20px";
+    } else {
+      btn.style.left = "20px";
+    }
+    btn.addEventListener("click", () => this.show());
+    document.body.appendChild(btn);
+  }
+  removeReopenButton() {
+    const btn = document.getElementById("network-debugger-reopen-btn");
+    if (btn) btn.remove();
   }
   destroy() {
     this.container.remove();
     const styles2 = document.getElementById("network-debugger-styles");
     if (styles2) styles2.remove();
+    this.removeReopenButton();
   }
   // ========== localStorage 方法 ==========
   /**