feat: 新增新版本检测蓝色弹框通知

2026-04-13 01:00:53 +08:00
parent 92bcf65d14
commit 82752d34fc
3 changed files with 114 additions and 1 deletions
@@ -71,3 +71,72 @@ api.addEventListener("o1key.update_available", (event) => {
    toast.appendChild(text);
    document.body.appendChild(toast);
 });
+
+api.addEventListener("o1key.new_version", (event) => {
+    const changelog = event.detail?.changelog || [];
+
+    const style = document.createElement("style");
+    style.textContent = `
+        @keyframes o1key-slide-in {
+            from { opacity: 0; transform: translateY(16px) scale(0.97); }
+            to   { opacity: 1; transform: translateY(0) scale(1); }
+        }
+        .o1key-update-close:hover { color: #fff !important; }
+    `;
+    document.head.appendChild(style);
+
+    const toast = document.createElement("div");
+    toast.style.cssText = `
+        position: fixed;
+        bottom: 148px;
+        left: 28px;
+        background: linear-gradient(135deg, #0a1628 0%, #0d2b4e 60%, #1a4a7a 100%);
+        color: #d6eaf8;
+        border: 1px solid #2e86c1;
+        border-radius: 12px;
+        padding: 18px 20px 16px 20px;
+        font-size: 14px;
+        z-index: 100000;
+        box-shadow: 0 6px 24px rgba(46,134,193,0.35), 0 2px 8px rgba(0,0,0,0.5);
+        max-width: 340px;
+        animation: o1key-slide-in 0.4s cubic-bezier(.22,.68,0,1.2);
+    `;
+
+    const header = document.createElement("div");
+    header.style.cssText = `display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;`;
+
+    const title = document.createElement("span");
+    title.textContent = "🔔 检测到有新版本发布！";
+    title.style.cssText = `font-weight: bold; font-size: 13px; color: #7fb3d3; letter-spacing: 0.5px;`;
+
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "×";
+    closeBtn.className = "o1key-update-close";
+    closeBtn.style.cssText = `background: none; border: none; color: #7fb3d3; font-size: 20px; cursor: pointer; padding: 0; line-height: 1;`;
+    closeBtn.onclick = () => toast.remove();
+
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+
+    const divider = document.createElement("div");
+    divider.style.cssText = `height: 1px; background: rgba(46,134,193,0.3); margin-bottom: 10px;`;
+
+    const body = document.createElement("div");
+    const items = changelog.length > 0 ? changelog : ["暂无更新说明"];
+    items.forEach(item => {
+        const line = document.createElement("div");
+        line.textContent = `• ${item}`;
+        line.style.cssText = `margin-bottom: 4px; font-size: 13px; line-height: 1.6; color: #d6eaf8;`;
+        body.appendChild(line);
+    });
+
+    const more = document.createElement("div");
+    more.textContent = "...";
+    more.style.cssText = `color: #7fb3d3; font-size: 13px; margin-top: 4px;`;
+    body.appendChild(more);
+
+    toast.appendChild(header);
+    toast.appendChild(divider);
+    toast.appendChild(body);
+    document.body.appendChild(toast);
+});