@yuuichi/openlist-assets 4.2.6-ym.1 → 4.2.6-ym.3

package/dist/brand/ym-bundle.js

@@ -1,5 +1,5 @@
 /* Yuuichi brand bundle — generated, do not edit directly.
- * Source order: footer-links.js, upload-direct.js, upload-add.js, notify-auto-close.js, bg-mask-toggle.js, music-player.js */
+ * Source order: footer-links.js, upload-direct.js, upload-add.js, notify-auto-close.js, bg-mask-toggle.js, global-search.js, music-player.js */
 "use strict";
 /* ===== footer-links.js ===== */
 ;(function(){
@@ -300,53 +300,45 @@
 (function () {
   "use strict";
 
-  // 上传状态面板（v7）
-  // 仅负责在上传弹窗顶部展示大文件分片直传的实时反馈，覆盖所有原本显示成
-  // “-/s” 的阶段：取直传地址(presign) → 分片直传(第 x/N 片 + 实时速率 + 并发)
-  // → 云端合并(complete)。
-  //
-  // 文件的添加/拖放完全使用上传弹窗原生能力：闲置视图自带“拖放区 / 选择文件 /
-  // 选择文件夹”；上传过程中点“返回上传”即可继续添加（原上传不中断）。
-  // 本脚本不再注入任何额外的虚线框或全屏拖放层。
-
+  // 上传状态面板：状态只以真实事件为准，避免“文件已传完仍显示直传中”或
+  // “没有速度却显示传输中”。速率由各活跃分片的 1s 滑动窗口聚合计算。
   var PANEL_ID = "ym-upload-panel";
 
-  var parts = Object.create(null); // uploadId -> {total,done{},doneCount,active{}}
-  var presign = Object.create(null); // uploadId -> Set(等待取地址的 index)
-  var merge = { on: false, at: 0 };
+  var uploads = Object.create(null);
+  var phase = { name: "idle", at: 0 };
 
-  // 权威完成：收到服务端 status=completed / 404 时强制收尾整个面板。
-  // uploadId 为空（旧调用未带）时清空全部，保证多文件场景也能可靠结束。
-  function finishUpload(id) {
-    if (id && parts[id]) {
-      delete parts[id];
-      delete presign[id];
-    } else {
-      parts = Object.create(null);
-      presign = Object.create(null);
+  function nowMs() { return Date.now(); }
+
+  function ensure(id) {
+    if (!uploads[id]) {
+      uploads[id] = {
+        total: 0,
+        doneCount: 0,
+        done: Object.create(null),
+        waiting: new Set(),
+        active: Object.create(null),
+        finished: false,
+      };
     }
-    merge.on = false;
-    render();
+    return uploads[id];
   }
 
-  // 防卡死兜底：merge 阶段最长展示 90s 后自动收起（正常几十秒内必结束），
-  // 避免任何漏网事件导致状态条永不消失。
-  function startMerge() {
-    merge.on = true;
-    merge.at = Date.now();
-    if (merge.timer) clearTimeout(merge.timer);
-    merge.timer = setTimeout(function () {
-      merge.on = false;
-      parts = Object.create(null);
-      presign = Object.create(null);
-      render();
-    }, 90000);
-    render();
+  function activeUploadCount() { return Object.keys(uploads).length; }
+  function anyWaiting() {
+    return Object.keys(uploads).some(function (id) { return uploads[id].waiting.size > 0; });
+  }
+  function allPartsDone() {
+    var ids = Object.keys(uploads);
+    return ids.length > 0 && ids.every(function (id) {
+      var u = uploads[id];
+      return u.total > 0 && u.doneCount >= u.total;
+    });
   }
-  function endMerge() {
-    if (merge.timer) { clearTimeout(merge.timer); merge.timer = null; }
-    // 给用户一个“合并完成”的短暂反馈后再收起
-    setTimeout(function () { merge.on = false; render(); }, 1200);
+
+  function resetAll(reason) {
+    uploads = Object.create(null);
+    phase = reason ? { name: reason, at: nowMs() } : { name: "idle", at: 0 };
+    render();
   }
 
   var cssInjected = false;
@@ -361,17 +353,18 @@
       "  box-shadow:0 2px 10px rgba(2,132,199,.18);}",
       "#" + PANEL_ID + ".ym-merge{color:#7c2d12;background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74;}",
       "#" + PANEL_ID + ".ym-wait{color:#854d0e;background:linear-gradient(135deg,#fef9c3,#fde68a);border-color:#facc15;}",
+      "#" + PANEL_ID + ".ym-done{color:#14532d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;}",
       "#" + PANEL_ID + " .ym-spin{width:18px;height:18px;margin-top:2px;flex:0 0 auto;",
       "  border:3px solid rgba(2,132,199,.25);border-top-color:#0284c7;border-radius:50%;animation:ym-sp .8s linear infinite;}",
       "#" + PANEL_ID + ".ym-merge .ym-spin{border-color:rgba(194,65,12,.25);border-top-color:#c2410c;}",
       "#" + PANEL_ID + ".ym-wait .ym-spin{border-color:rgba(161,98,7,.25);border-top-color:#a16207;}",
+      "#" + PANEL_ID + ".ym-done .ym-spin{display:none;}",
       "#" + PANEL_ID + " .ym-sub{display:block;font-size:12px;font-weight:600;opacity:.92;margin-top:3px;}",
       "@keyframes ym-sp{to{transform:rotate(360deg)}}",
     ].join("\n");
     document.head.appendChild(st);
   }
 
-  // 上传弹窗：可见的 role=dialog，且内容含上传视图的特征文案
   function findUploadModal() {
     var dlgs = document.querySelectorAll('[role="dialog"].hope-modal__content, [role="dialog"]');
     for (var i = 0; i < dlgs.length; i++) {
@@ -386,9 +379,7 @@
         t.indexOf("选择文件夹") !== -1 ||
         t.indexOf("上传中") !== -1 ||
         t.indexOf("后台上传中") !== -1
-      ) {
-        return d;
-      }
+      ) return d;
     }
     return null;
   }
@@ -405,51 +396,112 @@
   }
 
   function summarize() {
-    var ids = Object.keys(parts), done = 0, total = 0, bps = 0, act = [];
+    var ids = Object.keys(uploads);
+    var done = 0, total = 0, active = 0, bytesLoaded = 0, bytesTotal = 0, bps = 0;
     ids.forEach(function (id) {
-      var p = parts[id];
-      total += p.total || 0;
-      done += p.doneCount || 0;
-      Object.keys(p.active).forEach(function (k) { act.push(p.active[k]); bps += p.active[k].bps || 0; });
+      var u = uploads[id];
+      total += u.total || 0;
+      done += u.doneCount || 0;
+      Object.keys(u.active).forEach(function (k) {
+        var a = u.active[k];
+        active++;
+        bytesLoaded += a.loaded || 0;
+        bytesTotal += a.bytes || a.total || 0;
+        bps += currentPartSpeed(a);
+      });
     });
-    return { done: done, total: total, bps: bps, act: act };
+    return { done: done, total: total, active: active, bps: bps, bytesLoaded: bytesLoaded, bytesTotal: bytesTotal };
+  }
+
+  function currentPartSpeed(a) {
+    if (!a.samples || a.samples.length < 2) return 0;
+    var first = a.samples[0], last = a.samples[a.samples.length - 1];
+    var dt = (last.t - first.t) / 1000;
+    if (dt <= 0) return 0;
+    return Math.max(0, (last.loaded - first.loaded) / dt);
+  }
+
+  function pushSample(a, loaded) {
+    var t = nowMs();
+    a.loaded = loaded;
+    if (!a.samples) a.samples = [];
+    a.samples.push({ t: t, loaded: loaded });
+    while (a.samples.length > 2 && t - a.samples[0].t > 1500) a.samples.shift();
   }
 
   function onEvent(ev) {
-    var d = ev.detail || {}, id = d.uploadId || "_";
-    if (d.type === "upload:finish") { finishUpload(d.uploadId); return; }
-    if (d.type === "complete:start") { startMerge(); return; }
-    if (d.type === "complete:done") { if (d.ok) endMerge(); else render(); return; }
-
-    if (!parts[id]) parts[id] = { total: 0, done: {}, doneCount: 0, active: {} };
-    var p = parts[id];
-    if (d.total) p.total = d.total;
-    if (!presign[id]) presign[id] = new Set();
-
-    if (d.type === "presign:start") { presign[id].add(d.index); }
-    else if (d.type === "presign:done") { presign[id].delete(d.index); }
-    else if (d.type === "part:start") {
-      presign[id].delete(d.index);
-      p.active[d.index] = { index: d.index, total: d.total, loaded: 0, bytes: d.bytes, bps: 0 };
+    var d = ev.detail || {};
+    var id = d.uploadId || "_";
+
+    if (d.type === "upload:finish") {
+      if (id && uploads[id]) delete uploads[id];
+      else uploads = Object.create(null);
+      if (!activeUploadCount()) {
+        phase = { name: "done", at: nowMs() };
+        render();
+        setTimeout(function () { if (phase.name === "done") resetAll("idle"); }, 1200);
+      }
+      return;
+    }
+    if (d.type === "complete:start" || d.state === "merging") {
+      // 前端在发出 complete 请求后、本地最后一个 part:done 事件到达前可能先触发本事件；
+      // 仍有活跃分片时必须显示“传输中”，不能提前显示“合并中”。
+      var st = summarize();
+      phase = { name: st.active > 0 || anyWaiting() ? "parts" : "merging", at: nowMs() };
+      render();
+      return;
+    }
+    if (d.type === "complete:done") {
+      if (d.ok) {
+        phase = { name: "done", at: nowMs() };
+        uploads = Object.create(null);
+        render();
+        setTimeout(function () { resetAll("idle"); }, 1200);
+      } else {
+        phase = { name: "parts", at: nowMs() };
+        render();
+      }
+      return;
+    }
+
+    if (d.type === "presign:start" || d.type === "part:start" || d.type === "part:progress" ||
+        d.type === "part:done" || d.type === "part:error" || d.type === "relay") {
+      if (phase.name === "idle" || phase.name === "done") phase = { name: "parts", at: nowMs() };
+    }
+
+    var u = ensure(id);
+    if (d.total) u.total = d.total;
+
+    if (d.type === "presign:start") {
+      u.waiting.add(d.index);
+    } else if (d.type === "presign:done") {
+      u.waiting.delete(d.index);
+    } else if (d.type === "part:start") {
+      u.waiting.delete(d.index);
+      u.active[d.index] = {
+        index: d.index,
+        total: d.total,
+        bytes: d.bytes || 0,
+        loaded: 0,
+        samples: [{ t: nowMs(), loaded: 0 }],
+      };
     } else if (d.type === "part:progress") {
-      if (!p.active[d.index]) p.active[d.index] = { index: d.index, total: d.total, loaded: 0 };
-      p.active[d.index].loaded = d.loaded;
-      p.active[d.index].bps = d.bps;
+      if (!u.active[d.index]) {
+        u.active[d.index] = { index: d.index, total: d.total, bytes: d.bytes || 0, loaded: 0, samples: [] };
+      }
+      if (d.bytes) u.active[d.index].bytes = d.bytes;
+      pushSample(u.active[d.index], d.loaded || 0);
     } else if (d.type === "part:done") {
-      if (!p.done[d.index]) { p.done[d.index] = 1; p.doneCount++; }
-      delete p.active[d.index];
-      presign[id].delete(d.index);
-      if (p.total && p.doneCount >= p.total) {
-        (function (key) {
-          setTimeout(function () { delete parts[key]; delete presign[key]; render(); }, 1200);
-          // 看门狗：本地分片已全部直传，若 60s 内既没等到 complete 也没收到
-          // 服务端 status=completed/404（极端漏网），强制收尾，杜绝状态条卡死。
-          setTimeout(function () { if (parts[key]) finishUpload(key); }, 60000);
-        })(id);
+      if (!u.done[d.index]) { u.done[d.index] = 1; u.doneCount++; }
+      delete u.active[d.index];
+      u.waiting.delete(d.index);
+      if (u.total && u.doneCount >= u.total) {
+        u.finished = true;
+        phase = { name: "finalizing", at: nowMs() };
       }
     } else if (d.type === "part:error" || d.type === "relay") {
-      delete p.active[d.index];
-      presign[id].delete(d.index);
+      delete u.active[d.index];
+      u.waiting.delete(d.index);
     }
     render();
   }
@@ -457,39 +509,48 @@
   function render() {
     var body = panelBody();
     var panel = document.getElementById(PANEL_ID);
-    var hasParts = Object.keys(parts).length > 0;
-    var waitingPresign = Object.keys(presign).some(function (id) { return presign[id].size > 0; });
+    var hasUploads = activeUploadCount() > 0;
+    var s = hasUploads ? summarize() : null;
 
-    if (merge.on) {
+    if (phase.name === "merging" || phase.name === "finalizing") {
       if (!body) return;
       if (!panel) { panel = document.createElement("div"); panel.id = PANEL_ID; body.insertBefore(panel, body.firstChild); }
+      var secs = Math.max(1, Math.round((nowMs() - phase.at) / 1000));
+      var merging = phase.name === "merging" || (s && s.active === 0 && allPartsDone());
       panel.className = "ym-merge";
-      var secs = Math.round((Date.now() - merge.at) / 1000);
       panel.innerHTML =
-        '<span class="ym-spin"></span><span>正在云端合并分片…（已 ' + secs + ' 秒）' +
-        '<span class="ym-sub">所有分片已直传完成，这一步由网盘服务器合并，期间显示“-/s”属正常，大文件约需几秒到几十秒，请勿关闭窗口。</span></span>';
+        '<span class="ym-spin"></span><span>' +
+        (merging ? "正在云端合并分片…（已 " + secs + " 秒）" : "分片已全部上传，正在提交合并请求…") +
+        '<span class="ym-sub">此阶段由网盘服务器处理，不再上传文件内容，因此下方速度显示为 0 或 “-/s” 属正常；大文件可能需要几秒到几十秒，请勿关闭窗口。</span></span>';
+      return;
+    }
+
+    if (phase.name === "done") {
+      if (!body) return;
+      if (!panel) { panel = document.createElement("div"); panel.id = PANEL_ID; body.insertBefore(panel, body.firstChild); }
+      panel.className = "ym-done";
+      panel.innerHTML = "<span>✓</span><span>上传完成，文件正在列表中刷新…</span>";
       return;
     }
 
-    if (!hasParts && !waitingPresign) { if (panel) panel.remove(); return; }
+    if (!hasUploads) { if (panel) panel.remove(); return; }
     if (!body) return;
     if (!panel) { panel = document.createElement("div"); panel.id = PANEL_ID; body.insertBefore(panel, body.firstChild); }
 
-    var s = summarize();
     var pct = s.total ? Math.min(99, Math.round((s.done / s.total) * 100)) : 0;
     var line1 = "大文件切片直传中 · 已完成 " + s.done + (s.total ? " / " + s.total + " 片（" + pct + "%）" : " 片");
     var line2;
-    if (s.act.length > 0) {
-      var a = s.act[0];
-      line2 =
-        "正在传输第 " + (a.index + 1) + (a.total ? " / " + a.total : "") + " 片 · 实时速率 " +
-        fmtSpeed(s.bps) + (s.act.length > 1 ? " · " + s.act.length + " 路并发" : "");
+    if (s.active > 0 && s.bps > 1024) {
+      line2 = "正在传输 " + s.active + (s.active > 1 ? " 个分片" : " 个分片") + " · 实时速率 " + fmtSpeed(s.bps);
       panel.className = "";
-    } else if (waitingPresign) {
-      line2 = "正在向网盘申请分片直传地址…（这一步会短暂没有速度，稍后即开始）";
+    } else if (s.active > 0) {
+      line2 = "正在传输 " + s.active + (s.active > 1 ? " 个分片" : " 个分片") + " · 正在建立连接/等待首包，暂不计速";
+      panel.className = "ym-wait";
+    } else if (anyWaiting()) {
+      line2 = "正在向网盘申请分片直传地址…（这一步不传文件，暂时没有速度）";
       panel.className = "ym-wait";
     } else {
-      line2 = "正在准备下一片…";
+      line2 = "正在准备下一片…（暂不传文件，速度为 0）";
       panel.className = "ym-wait";
     }
     panel.innerHTML =
@@ -502,15 +563,18 @@
     scheduled = true;
     requestAnimationFrame(function () {
       scheduled = false;
-      // 廉价门控：仅在「已存在面板需要更新位置」或「页面上可能有弹窗」时
-      // 才执行较重的 findUploadModal()（含 getBoundingClientRect 与文案扫描），
-      // 避免列表导航等无关 DOM 变更也反复触发布局查询。
       var panel = document.getElementById(PANEL_ID);
       if (panel || document.querySelector('[role="dialog"]')) render();
     });
   }
 
-  setInterval(function () { if (merge.on) render(); }, 1000);
+  setInterval(function () {
+    if (phase.name === "merging" || phase.name === "finalizing") render();
+    else if (activeUploadCount()) {
+      var s = summarize();
+      if (s.active > 0) render();
+    }
+  }, 1000);
 
   function boot() {
     injectCss();
@@ -955,6 +1019,129 @@
   else boot();
 })();
 })();
+/* ===== global-search.js ===== */
+;(function(){
+(function () {
+  "use strict";
+
+  // 官方前端搜索框固定把当前路径作为 parent，后端 /fs/search 本身已支持递归，
+  // 因此这里在弹窗内增加“全局 / 当前目录”开关，并在请求发出前改写 parent。
+  var KEY = "ym-global-search";
+  var globalByDefault = true;
+
+  function isGlobal() {
+    try {
+      return localStorage.getItem(KEY) !== "0";
+    } catch (e) {
+      return globalByDefault;
+    }
+  }
+
+  function setGlobal(v) {
+    try { localStorage.setItem(KEY, v ? "1" : "0"); } catch (e) {}
+  }
+
+  function rewriteBody(body) {
+    try {
+      if (typeof body !== "string" || body.indexOf("/fs/search") === -1) return body;
+      var data = JSON.parse(body);
+      if (isGlobal()) data.parent = "/";
+      return JSON.stringify(data);
+    } catch (e) {
+      return body;
+    }
+  }
+
+  function installFetchPatch() {
+    if (window.__ymSearchFetchPatched) return;
+    window.__ymSearchFetchPatched = true;
+    var ofetch = window.fetch;
+    window.fetch = function (input, init) {
+      try {
+        var url = typeof input === "string" ? input : input && input.url;
+        if (url && url.indexOf("/fs/search") !== -1 && init && typeof init.body === "string") {
+          init = Object.assign({}, init, { body: rewriteBody(init.body) });
+        }
+      } catch (e) {}
+      return ofetch.apply(this, arguments);
+    };
+  }
+
+  function installXhrPatch() {
+    if (window.__ymSearchXhrPatched) return;
+    window.__ymSearchXhrPatched = true;
+    var open = XMLHttpRequest.prototype.open;
+    var send = XMLHttpRequest.prototype.send;
+    XMLHttpRequest.prototype.open = function (method, url) {
+      this.__ymSearchUrl = url || "";
+      return open.apply(this, arguments);
+    };
+    XMLHttpRequest.prototype.send = function (body) {
+      try {
+        if (this.__ymSearchUrl.indexOf("/fs/search") !== -1 && typeof body === "string") {
+          arguments[0] = rewriteBody(body);
+        }
+      } catch (e) {}
+      return send.apply(this, arguments);
+    };
+  }
+
+  function injectCss() {
+    if (document.getElementById("ym-search-toggle-css")) return;
+    var st = document.createElement("style");
+    st.id = "ym-search-toggle-css";
+    st.textContent = [
+      ".ym-search-scope{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:0 8px;",
+      "height:32px;border-radius:8px;border:1px solid var(--hope-colors-neutral7,#cbd5e1);",
+      "font-size:12px;white-space:nowrap;cursor:pointer;color:var(--hope-colors-neutral11,#475569);",
+      "background:var(--hope-colors-neutral2,#f8fafc);user-select:none;}",
+      ".ym-search-scope input{margin:0;cursor:pointer;}",
+    ].join("");
+    document.head.appendChild(st);
+  }
+
+  function findModal() {
+    var nodes = document.querySelectorAll('[role="dialog"]');
+    for (var i = 0; i < nodes.length; i++) {
+      var n = nodes[i];
+      if (n.querySelector("#search-input") && n.getBoundingClientRect().width > 0) return n;
+    }
+    return null;
+  }
+
+  function ensureToggle() {
+    var modal = findModal();
+    if (!modal || modal.querySelector(".ym-search-scope")) return;
+    var input = modal.querySelector("#search-input");
+    if (!input) return;
+    var holder = input.closest("div");
+    if (!holder || !holder.parentElement) return;
+    var row = holder.parentElement;
+    var label = document.createElement("label");
+    label.className = "ym-search-scope";
+    label.title = "全局：从根目录递归搜索全部存储；当前目录：仅搜索所在文件夹及其子目录";
+    var cb = document.createElement("input");
+    cb.type = "checkbox";
+    cb.checked = isGlobal();
+    cb.addEventListener("change", function () { setGlobal(cb.checked); });
+    label.appendChild(cb);
+    label.appendChild(document.createTextNode("全局"));
+    row.appendChild(label);
+  }
+
+  function boot() {
+    injectCss();
+    installFetchPatch();
+    installXhrPatch();
+    new MutationObserver(function () {
+      if (document.querySelector("#search-input")) ensureToggle();
+    }).observe(document.body, { childList: true, subtree: true });
+  }
+
+  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot);
+  else boot();
+})();
+})();
 /* ===== music-player.js ===== */
 ;(function(){
 /* =============================================================================
@@ -984,7 +1171,6 @@
     spotify: [
       { id: "3bePpYfOLDwFtVVs6cqwyh", name: "Spotify 歌单" }
     ],
-    metingApi: "https://yuuichi-music-api.hoshinoyuuichi.workers.dev/",
     defaultTab: "netease", // "netease" 或 "spotify"
     autoplay: false,       // 网易云是否自动播放（多数浏览器会拦截，建议 false）
     fabHint: "音乐"
@@ -998,7 +1184,7 @@
       ["netease", "spotify"].forEach(function (k) {
         if (Array.isArray(__ov[k])) MUSIC_CONFIG[k] = __ov[k];
       });
-      ["metingApi", "defaultTab", "fabHint"].forEach(function (k) {
+      ["defaultTab", "fabHint"].forEach(function (k) {
         if (typeof __ov[k] === "string" && __ov[k]) MUSIC_CONFIG[k] = __ov[k];
       });
       if (typeof __ov.autoplay === "boolean") MUSIC_CONFIG.autoplay = __ov.autoplay;
@@ -1041,8 +1227,9 @@
       ".fab { position:fixed; left:18px; bottom:18px; width:54px; height:54px; border-radius:50%;",
       "  border:none; cursor:pointer; color:#fff; display:flex; align-items:center; justify-content:center;",
       "  background:linear-gradient(135deg,#38bdf8,#0284c7); box-shadow:0 8px 24px rgba(2,132,199,.45);",
-      "  transition:transform .18s ease, box-shadow .18s ease; padding:0; }",
-      ".fab:hover { transform:translateY(-2px) scale(1.05); box-shadow:0 12px 30px rgba(2,132,199,.55); }",
+      "  transform:translateX(-58%); transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease; padding:0; }",
+      ".wrap:hover .fab, .fab:focus-visible, .fab.peek { transform:translateX(0); }",
+      ".fab:hover { box-shadow:0 12px 30px rgba(2,132,199,.55); }",
       ".fab:active { transform:scale(.94); }",
       ".fab svg { width:26px; height:26px; }",
       ".panel { position:fixed; left:18px; bottom:84px; width:360px; height:560px; max-width:calc(100vw - 24px);",
@@ -1421,10 +1608,26 @@
     }
     function close() {
       panel.classList.remove("open");
+      fab.classList.remove("peek");
       state.ready.netease = false;
       try { localStorage.setItem("ym-open", "0"); } catch (e) {}
     }
-    fab.addEventListener("click", function () { panel.classList.contains("open") ? close() : open(); });
+    fab.addEventListener("click", function (ev) {
+      // 第一次点击在半露出吸附态时只负责全露出，不立刻打开面板；再次点击才打开。
+      if (!panel.classList.contains("open") && !fab.classList.contains("peek")) {
+        fab.classList.add("peek");
+        ev.stopPropagation();
+        return;
+      }
+      fab.classList.remove("peek");
+      panel.classList.contains("open") ? close() : open();
+    });
+    // 触屏没有 hover：点 FAB 之外恢复半露出；面板打开时不收起，避免遮挡交互。
+    document.addEventListener("pointerdown", function (ev) {
+      if (panel.classList.contains("open")) return;
+      if (wrap.contains(ev.target)) return;
+      fab.classList.remove("peek");
+    }, true);
 
     /* 记忆位置/尺寸/上次标签 */
     try {