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

package/dist/brand/global-search.js

@@ -1,118 +1,538 @@
 (function () {
   "use strict";
 
-  // 官方前端搜索框固定把当前路径作为 parent，后端 /fs/search 本身已支持递归，
-  // 因此这里在弹窗内增加“全局 / 当前目录”开关，并在请求发出前改写 parent。
-  var KEY = "ym-global-search";
-  var globalByDefault = true;
+  /* =============================================================================
+   * 全局实时搜索
+   * - 去掉“全局”勾选框：搜索永远从根目录全局递归（在任何文件夹都能搜到全盘）。
+   * - 输入即搜：300ms 防抖，旧请求自动取消，结果逐个增量渲染。
+   * - 每条结果始终显示完整所在路径（parent），点击进入对应目录/文件。
+   * 实现方式：劫持官方搜索弹窗，隐藏其原生结果区与类型下拉，注入自定义结果层；
+   *           网络仍走同源 /api/fs/search（parent 固定 "/"），复用登录态。
+   * ============================================================================= */
 
-  function isGlobal() {
+  var DEBOUNCE_MS = 300;
+  var state = {
+    modal: null,
+    input: null,
+    listEl: null,
+    statusEl: null,
+    scopeRow: null,
+    nativeList: null,
+    nativePagination: null,
+    nativeEmpty: null,
+    nativeSpinner: null,
+    seq: 0,
+    timer: null,
+    abort: null,
+    lastKeyword: "",
+    lastNodes: [],
+    scope: 0
+  };
+
+  /* ---------- 工具 ---------- */
+  function $(sel, root) { return (root || document).querySelector(sel); }
+  function $all(sel, root) { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); }
+
+  function isDark() {
+    return document.documentElement.getAttribute("data-theme") === "dark" ||
+      document.body.classList.contains("hope-ui-dark") ||
+      document.documentElement.classList.contains("dark");
+  }
+
+  function joinPath(parent, name) {
+    var p = (parent || "/").replace(/\/+$/, "");
+    if (!p) p = "/";
+    if (p === "/") return "/" + name;
+    return p + "/" + name;
+  }
+
+  // 后端返回的 parent 是 URL 编码的虚拟路径（中文显示成 %E4%B8…）。
+  // 链接必须保留编码（路由按编码路径解析），仅展示文本逐段解码。
+  function decodePath(p) {
+    if (!p) return "/";
     try {
-      return localStorage.getItem(KEY) !== "0";
+      return p.split("/").map(function (seg) {
+        if (!seg) return seg;
+        try { return decodeURIComponent(seg); } catch (e) { return seg; }
+      }).join("/");
+    } catch (e) { return p; }
+  }
+
+  function fmtSize(n) {
+    if (!n || n <= 0) return "";
+    var units = ["B", "KB", "MB", "GB", "TB"];
+    var i = 0;
+    while (n >= 1024 && i < units.length - 1) { n /= 1024; i++; }
+    return (i === 0 ? n : n.toFixed(1)) + " " + units[i];
+  }
+
+  var FILE_ICON = {
+    video: "M8 5v14l11-7z",
+    audio: "M12 3v10.55A4 4 0 1 0 14 17V7h4V3z",
+    image: "M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z",
+    doc: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM6 9V4h7v5h5v11H6z",
+    archive: "M21 8v13H3V8M1 3h22v5H1zM10 12h4"
+  };
+  var DIR_SVG = '<svg viewBox="0 0 24 24" width="18" height="18" fill="#f0b429"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"/></svg>';
+  var FILE_SVG = '<svg viewBox="0 0 24 24" width="18" height="18" fill="#7dd3fc"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM6 9V4h7v5h5v11H6z"/></svg>';
+
+  function highlight(text, kw) {
+    var safe = String(text == null ? "" : text);
+    if (!kw) return safe;
+    var idx = safe.toLowerCase().indexOf(kw.toLowerCase());
+    if (idx < 0) return safe;
+    return safe.slice(0, idx) +
+      '<mark class="ym-hl">' + safe.slice(idx, idx + kw.length) + "</mark>" +
+      safe.slice(idx + kw.length);
+  }
+
+  function iconFor(node) {
+    if (node.is_dir) return DIR_SVG;
+    var ext = String(node.name || "").split(".").pop().toLowerCase();
+    if (/\b(mp4|mkv|avi|mov|flv|webm|ts|m4v|rmvb)$/.test(ext)) return '<svg viewBox="0 0 24 24" width="18" height="18" fill="#f472b6"><path d="M8 5v14l11-7z"/></svg>';
+    if (/\b(mp3|flac|wav|aac|ogg|m4a|ape)$/.test(ext)) return '<svg viewBox="0 0 24 24" width="18" height="18" fill="#c084fc"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3z"/></svg>';
+    if (/\b(jpg|jpeg|png|gif|webp|bmp|svg)$/.test(ext)) return '<svg viewBox="0 0 24 24" width="18" height="18" fill="#34d399"><path d="M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z"/></svg>';
+    if (/\b(zip|rar|7z|tar|gz)$/.test(ext)) return '<svg viewBox="0 0 24 24" width="18" height="18" fill="#fbbf24"><path d="M21 8v13H3V8M1 3h22v5H1zM10 12h4"/></svg>';
+    return FILE_SVG;
+  }
+
+  /* ---------- 样式 ---------- */
+  function injectCss() {
+    if (document.getElementById("ym-global-search-css")) return;
+    var st = document.createElement("style");
+    st.id = "ym-global-search-css";
+    st.textContent = [
+      "#ym-search-results{max-height:min(62vh,560px);overflow-y:auto;padding:4px 2px;}",
+      ".ym-sr{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;text-decoration:none;color:inherit;}",
+      ".ym-sr:hover,.ym-sr:focus{background:rgba(14,165,233,.12);outline:none;}",
+      ".ym-sr__ic{flex:0 0 auto;margin-top:2px;display:flex;}",
+      ".ym-sr__main{flex:1;min-width:0;}",
+      ".ym-sr__name{font-size:14px;font-weight:600;line-height:1.35;word-break:break-all;}",
+      ".ym-sr__path{font-size:12px;opacity:.7;margin-top:2px;word-break:break-all;display:flex;align-items:center;gap:4px;}",
+      ".ym-sr__size{font-size:11px;opacity:.6;margin-left:6px;}",
+      ".ym-hl{background:#fde68a;color:#92400e;border-radius:3px;padding:0 1px;font-weight:700;}",
+      ".ym-sstatus{padding:18px 10px;text-align:center;font-size:13px;opacity:.65;}",
+      "[role=dialog][data-ym-search] [data-ym-native-block]{display:none !important;}",
+      // 永远全局：隐藏官方“搜索范围”下拉（全部/文件夹/文件所在的整行控件）。
+      "[role=dialog][data-ym-search] [data-ym-scope-select]{display:none !important;}",
+      "[role=dialog][data-ym-search] [data-ym-empty-hint]{display:none !important;}",
+      ".ym-sspinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ym-sspin .7s linear infinite;vertical-align:-3px;margin-right:8px;}",
+      "@keyframes ym-sspin{to{transform:rotate(360deg)}}",
+    ].join("\n");
+    document.head.appendChild(st);
+  }
+
+  /* ---------- 网络请求（同源，复用 cookie/token） ---------- */
+  function getToken() {
+    try {
+      var raw = localStorage.getItem("token");
+      if (!raw) return "";
+      raw = raw.trim();
+      // 官方在 localStorage.token 里存的是【裸 token】，axios 拦截器再补
+      // "Bearer " 前缀（见 store chunk：Authorization = localStorage.token）。
+      // 若历史数据里已带 Bearer 前缀，剥掉它，由 doSearch 统一补，避免出现
+      // "Bearer Bearer xxx" 导致 401。
+      var m = raw.match(/^Bearer\s+(.+)$/i);
+      if (m) raw = m[1].trim();
+      // 兼容 { token: "xxx" | "Bearer xxx" } 形态
+      try {
+        var t = JSON.parse(raw);
+        if (t && typeof t.token === "string") {
+          var mm = t.token.match(/^Bearer\s+(.+)$/i);
+          return mm ? mm[1].trim() : t.token;
+        }
+      } catch (e) {}
+      return raw;
     } catch (e) {
-      return globalByDefault;
+      return "";
     }
   }
 
-  function setGlobal(v) {
-    try { localStorage.setItem(KEY, v ? "1" : "0"); } catch (e) {}
+  async function doSearch(keyword, signal) {
+    var headers = { "Content-Type": "application/json" };
+    var token = getToken();
+    if (token) headers.Authorization = "Bearer " + token;
+    var res = await fetch("/api/fs/search", {
+      method: "POST",
+      headers: headers,
+      signal: signal,
+      body: JSON.stringify({
+        parent: "/", // 永远全局
+        keywords: keyword,
+        scope: 0, // 永远全局（官方范围下拉已隐藏）；0 = 全部
+        page: 1,
+        per_page: 100,
+        password: ""
+      })
+    });
+    var j = await res.json();
+    if (j.code !== 200) throw new Error(j.message || "search failed");
+    return j.data || { content: [], total: 0 };
+  }
+
+  /* ---------- 渲染 ---------- */
+  function setStatus(html) {
+    state.statusEl.innerHTML = html;
+    state.statusEl.style.display = html ? "block" : "none";
+  }
+
+  function renderRows(nodes, kw, append) {
+    if (!append) {
+      state.listEl.innerHTML = "";
+      state.lastNodes = [];
+    }
+    var frag = document.createDocumentFragment();
+    nodes.forEach(function (node) {
+      var fullPath = joinPath(node.parent, node.name);
+      var a = document.createElement("a");
+      a.className = "ym-sr";
+      a.href = fullPath + "?from=search";
+      a.setAttribute("role", "button");
+      if (node.is_dir) a.setAttribute("data-dir", "1");
+      a.innerHTML =
+        '<span class="ym-sr__ic">' + iconFor(node) + "</span>" +
+        '<span class="ym-sr__main">' +
+          '<span class="ym-sr__name">' + highlight(node.name, kw) +
+            (!node.is_dir && node.size ? '<span class="ym-sr__size">' + fmtSize(node.size) + "</span>" : "") +
+          "</span>" +
+          '<span class="ym-sr__path">' +
+            '<svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" style="opacity:.7"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"/></svg>' +
+            "<span>" + highlight(decodePath(node.parent || "/"), kw) + "</span>" +
+          "</span>" +
+        "</span>";
+      frag.appendChild(a);
+    });
+    state.listEl.appendChild(frag);
+    state.lastNodes = state.lastNodes.concat(nodes);
   }
 
-  function rewriteBody(body) {
+  async function runSearch(keyword) {
+    var mySeq = ++state.seq;
+    if (state.abort) { try { state.abort.abort(); } catch (e) {} }
+    var ctrl = ("AbortController" in window) ? new AbortController() : null;
+    state.abort = ctrl;
+
+    state.listEl.innerHTML = "";
+    state.lastNodes = [];
+    setStatus('<span class="ym-sspinner"></span>搜索中…');
+
+    if (!keyword) {
+      setStatus("");
+      return;
+    }
+
     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);
+      var data = await doSearch(keyword, ctrl ? ctrl.signal : undefined);
+      if (mySeq !== state.seq) return; // 已被更新的输入取代
+      var nodes = data.content || [];
+      renderRows(nodes, keyword, false);
+      // 我们已渲染结果（或明确空态）：隐藏官方弹窗里的“暂无结果”原生文案
+      try { hideNativeEmptyHints(); } catch (e) {}
+      if (!nodes.length) {
+        setStatus("没有找到与 “" + keyword + "” 相关的内容");
+      } else {
+        setStatus("");
+      }
     } catch (e) {
-      return body;
+      if (mySeq !== state.seq) return;
+      if (e && e.name === "AbortError") return;
+      setStatus("搜索失败：" + (e.message || "网络错误"));
     }
   }
 
-  function installFetchPatch() {
-    if (window.__ymSearchFetchPatched) return;
-    window.__ymSearchFetchPatched = true;
+  function scheduleSearch() {
+    var kw = (state.input.value || "").trim();
+    state.lastKeyword = kw;
+    if (state.timer) clearTimeout(state.timer);
+    if (!kw) {
+      state.seq++;
+      if (state.abort) { try { state.abort.abort(); } catch (e) {} }
+      state.listEl.innerHTML = "";
+      setStatus("");
+      return;
+    }
+    state.timer = setTimeout(function () { runSearch(kw); }, DEBOUNCE_MS);
+  }
+
+  /* ---------- 劫持官方弹窗 ---------- */
+  function ensureOverlay() {
+    if (!state.modal) return;
+    // 幂等：重复 setAttribute 会触发属性观察器，必须避免无谓写操作
+    if (state.modal.getAttribute("data-ym-search") !== "1") {
+      state.modal.setAttribute("data-ym-search", "1");
+    }
+
+    if (state.listEl) return;
+    var box = document.createElement("div");
+    box.id = "ym-search-results";
+    var status = document.createElement("div");
+    status.className = "ym-sstatus";
+    status.style.display = "none";
+
+    // 插入到 modal body：该容器的直接子节点 = 输入卡片 + 原生结果块 + 我们两层。
+    var body = state.modal.querySelector(".hope-modal__body, [class*=modal__body]");
+    var mount = body || state.modal;
+    mount.appendChild(status);
+    mount.appendChild(box);
+
+    function hideScopeSelect() {
+      // 官方“搜索范围”下拉（全部/文件夹/文件）在输入卡片左侧，宽度 $32。
+      // 找到 #search-input 所在行内的 Hope Select 触发器并隐藏整行容器。
+      var input = state.modal.querySelector("#search-input");
+      if (!input) return;
+      var sel = state.modal.querySelector('[role="combobox"]');
+      if (!sel) return;
+      var holder = sel.closest(".hope-select, [class*=select]") || sel;
+      if (holder.getAttribute("data-ym-scope-select") !== "1") {
+        holder.setAttribute("data-ym-scope-select", "1");
+      }
+      // 从触发器向上，标记“不包含搜索框”的最外层包裹节点，即下拉独占的整行容器。
+      var wrap = holder;
+      for (var i = 0; i < 6 && wrap.parentElement; i++) {
+        var p = wrap.parentElement;
+        if (p.querySelector("#search-input")) break; // 再往上就会连带隐藏输入框
+        wrap = p;
+      }
+      if (wrap.getAttribute("data-ym-scope-select") !== "1") {
+        wrap.setAttribute("data-ym-scope-select", "1");
+      }
+    }
+
+    function hideNativeEmptyHints() {
+      // 原生空态文案“暂无结果”是 <p class="hope-text">。在不同构建版本里它可能
+      // 位于输入卡片内，也可能与输入卡片平级（modal__body 直接子节点），因此在整个
+      // 弹窗范围内查找，但绝不标记包含 #search-input 的节点（输入框/按钮）。
+      if (!state.modal) return;
+      var ps = state.modal.querySelectorAll("p.hope-text, .hope-text");
+      Array.prototype.forEach.call(ps, function (p) {
+        if (p.querySelector && p.querySelector("#search-input")) return;
+        if (p.closest && p.closest("#ym-search-results,.ym-sstatus")) return;
+        var txt = (p.textContent || "").trim();
+        if (/暂无|没有|无结果|no\s*result|nothing|empty/i.test(txt)
+            && p.getAttribute("data-ym-empty-hint") !== "1") {
+          p.setAttribute("data-ym-empty-hint", "1");
+        }
+      });
+    }
+
+    function syncNative() {
+      Array.prototype.forEach.call(mount.children, function (ch) {
+        if (ch === box || ch === status) return;
+        if (ch.querySelector && ch.querySelector("#search-input")) {
+          // 输入卡片保留，但其内的原生“暂无结果”空态要隐藏（我们自己渲染结果）。
+          hideNativeEmptyHints();
+          return;
+        }
+        if (ch.getAttribute("data-ym-native-block") !== "1") {
+          ch.setAttribute("data-ym-native-block", "1");
+        }
+      });
+      hideScopeSelect();
+      hideNativeEmptyHints();
+    }
+    syncNative();
+    var snQueued = false, snRunning = false;
+    function snFlush() {
+      snQueued = false;
+      if (snRunning) return;
+      snRunning = true;
+      try { syncNative(); } finally { snRunning = false; }
+    }
+    new MutationObserver(function () {
+      if (snQueued) return;
+      snQueued = true;
+      (window.requestAnimationFrame || function (f) { setTimeout(f, 16); })(snFlush);
+    }).observe(mount, { childList: true, subtree: true });
+
+    state.listEl = box;
+    state.statusEl = status;
+  }
+
+  function bindInput() {
+    if (!state.input || state.input.__ymBound) return;
+    state.input.__ymBound = true;
+    state.input.setAttribute("placeholder", "全局搜索文件 / 文件夹…");
+    state.input.addEventListener("input", function () {
+      scheduleSearch();
+    });
+    // 回车立即搜（不等防抖）
+    state.input.addEventListener("keydown", function (e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        if (state.timer) clearTimeout(state.timer);
+        runSearch((state.input.value || "").trim());
+      }
+    });
+  }
+
+  /* 拦截官方 /fs/search：官方前端用 axios（XHR），不是 fetch。
+     重写请求体里的 parent 为 "/"，保证即便走官方自己的搜索通道也是全局。 */
+  function rewriteSearchBody(bodyText) {
+    try {
+      var data = JSON.parse(bodyText);
+      if (data && typeof data === "object" && "keywords" in data) {
+        data.parent = "/"; // 永远全局
+        return JSON.stringify(data);
+      }
+    } catch (e) {}
+    return bodyText;
+  }
+
+  function patchFetch() {
+    if (window.__ymGlobalFetchPatched) return;
+    window.__ymGlobalFetchPatched = 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) });
+          var nb = rewriteSearchBody(init.body);
+          if (nb !== init.body) init = Object.assign({}, init, { body: nb });
         }
       } 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;
+  function patchXhr() {
+    if (window.__ymGlobalXhrPatched) return;
+    window.__ymGlobalXhrPatched = true;
+    var OOpen = XMLHttpRequest.prototype.open;
+    var OSend = XMLHttpRequest.prototype.send;
     XMLHttpRequest.prototype.open = function (method, url) {
-      this.__ymSearchUrl = url || "";
-      return open.apply(this, arguments);
+      this.__ymIsSearch = typeof url === "string" && url.indexOf("/fs/search") !== -1;
+      return OOpen.apply(this, arguments);
     };
     XMLHttpRequest.prototype.send = function (body) {
       try {
-        if (this.__ymSearchUrl.indexOf("/fs/search") !== -1 && typeof body === "string") {
-          arguments[0] = rewriteBody(body);
+        if (this.__ymIsSearch && typeof body === "string") {
+          var nb = rewriteSearchBody(body);
+          if (nb !== body) body = nb;
         }
       } catch (e) {}
-      return send.apply(this, arguments);
+      return OSend.call(this, body);
     };
   }
 
-  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);
+  // 弹窗关闭 / SPA 路由切换（点搜索结果进文件夹）后，Solid 会把旧弹窗移出文档。
+  // 此时必须重置缓存的 modal/input，否则下次打开的是【新弹窗节点】，而我们仍持有
+  // 游离的旧节点，自定义结果层不会挂回去，看起来“变回了原来的搜索界面”。
+  function resetModalState() {
+    state.modal = null;
+    state.input = null;
+    state.listEl = null;
+    state.statusEl = null;
+    state.lastKeyword = "";
+    if (state.timer) { clearTimeout(state.timer); state.timer = null; }
+    if (state.abort) { try { state.abort.abort(); } catch (e) {} state.abort = null; }
+    state.seq++;
   }
 
-  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 isDetached(el) {
+    if (!el) return true;
+    if (!el.isConnected) return true;
+    // 旧弹窗节点：仍在 DOM 中但已不可见（Solid 复用/卸载），也视为失效
+    try { if (el.getBoundingClientRect().width === 0) return true; } catch (e) {}
+    return false;
   }
 
-  function ensureToggle() {
-    var modal = findModal();
-    if (!modal || modal.querySelector(".ym-search-scope")) return;
+  function hookModal() {
+    // 已缓存的弹窗已脱离文档：SPA 导航后清理，确保重新 hook 新弹窗
+    if (state.modal && isDetached(state.modal)) {
+      resetModalState();
+    }
+    var modal = null;
+    var dialogs = $all('[role="dialog"]');
+    for (var i = 0; i < dialogs.length; i++) {
+      if (dialogs[i].querySelector("#search-input") && dialogs[i].getBoundingClientRect().width > 0 && dialogs[i].isConnected) {
+        modal = dialogs[i];
+        break;
+      }
+    }
+    if (!modal) 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);
+
+    var isNewModal = state.modal !== modal;
+    state.modal = modal;
+    state.input = input;
+    // 弹窗 DOM 在 Solid 中复用；overlay 只建一次并缓存在节点上，避免重复插入。
+    if (modal.__ymListEl) {
+      state.listEl = modal.__ymListEl;
+      state.statusEl = modal.__ymStatusEl;
+    } else {
+      state.listEl = null;
+      state.statusEl = null;
+    }
+
+    ensureOverlay();
+    modal.__ymListEl = state.listEl;
+    modal.__ymStatusEl = state.statusEl;
+    bindInput();
+
+    if (isNewModal) {
+      // 弹窗打开时聚焦并按当前内容立即搜
+      setTimeout(function () {
+        try { input.focus(); } catch (e) {}
+        var kw = (input.value || "").trim();
+        if (kw) runSearch(kw);
+      }, 50);
+    }
   }
 
   function boot() {
     injectCss();
-    installFetchPatch();
-    installXhrPatch();
-    new MutationObserver(function () {
-      if (document.querySelector("#search-input")) ensureToggle();
-    }).observe(document.body, { childList: true, subtree: true });
+    patchFetch();
+    patchXhr();
+    // 只监听节点增删（不监听 attributes，避免我们自己 setAttribute 引发观察器回调风暴）；
+    // 用 rAF 合并高频回调，并防重入。
+    var queued = false, running = false;
+    function flush() {
+      queued = false;
+      if (running) return;
+      if (!document.querySelector("#search-input")) return;
+      running = true;
+      try { hookModal(); } finally { running = false; }
+    }
+    var mo = new MutationObserver(function () {
+      if (queued) return;
+      queued = true;
+      (window.requestAnimationFrame || function (f) { setTimeout(f, 16); })(flush);
+    });
+    mo.observe(document.body, { childList: true, subtree: true });
+
+    // SPA 路由切换（点搜索结果进文件夹）：旧弹窗被卸载，复位缓存，使下次打开
+    // 搜索时重新 hook 新弹窗，而不是停留在旧的原生搜索界面直到整页刷新。
+    // 用【只读轮询 pathname】而非包装 history.pushState/replaceState —— 后者可能
+    // 干扰 Solid 路由器（曾导致导航后转圈/卡死）。轮询零副作用、最稳。
+    var lastPath = location.pathname + location.search;
+    function onRouteChange() {
+      lastPath = location.pathname + location.search;
+      setTimeout(function () {
+        if (isDetached(state.modal)) resetModalState();
+      }, 0);
+    }
+    setInterval(function () {
+      var cur = location.pathname + location.search;
+      if (cur !== lastPath) {
+        lastPath = cur;
+        setTimeout(function () {
+          if (isDetached(state.modal)) resetModalState();
+        }, 0);
+      }
+    }, 300);
+    window.addEventListener("popstate", onRouteChange);
+    window.addEventListener("hashchange", onRouteChange);
+
+    // 弹窗关闭时复位
+    document.addEventListener("click", function (e) {
+      var t = e.target;
+      if (t && t.closest && t.closest(".hope-modal__overlay, [class*=modal__overlay]")) {
+        state.seq++;
+      }
+    }, true);
   }
 
   if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot);