feat(search): fill sidebar widget search history like zibll

Render local/remote history into [data-aksrt-search-history-list], mark widget forms for history capture, and style clear control.
2026-07-19 02:17:53 +08:00
parent 0cc3836c70
commit c2be36acd7
3 changed files with 292 additions and 19 deletions
@@ -390,6 +390,109 @@

    window.__aksrtOpenSearchPanel = function () { setOpen(true); };
    window.__aksrtCloseSearchPanel = function () { setOpen(false); };
+
+    // Sidebar / widget search history (zibll widget_ui_search show_history).
+    initWidgetSearchHistory({
+      historyEnabled: historyEnabled,
+      readHistory: readHistory,
+      writeHistory: writeHistory,
+      requestHistorySync: requestHistorySync,
+      pushHistory: pushHistory,
+      getSearchType: getSearchType,
+      searchConfig: searchConfig,
+    });
+  }
+
+  function initWidgetSearchHistory(ctx) {
+    var lists = document.querySelectorAll("[data-aksrt-search-history-list]");
+    if (!lists.length) return;
+    if (!ctx.historyEnabled) {
+      document.querySelectorAll("[data-aksrt-search-history]").forEach(function (el) {
+        el.hidden = true;
+      });
+      return;
+    }
+
+    function escapeHtml(s) {
+      return String(s == null ? "" : s)
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+    }
+
+    function paint(items) {
+      var list = Array.isArray(items) ? items : [];
+      lists.forEach(function (wrap) {
+        var section = wrap.closest("[data-aksrt-search-history]") || wrap.parentElement;
+        var clearBtn = section ? section.querySelector("[data-aksrt-search-history-clear]") : null;
+        if (!list.length) {
+          wrap.innerHTML = '<span class="aksrt-search-widget__history-empty">' + escapeHtml("暂无搜索历史") + "</span>";
+          if (clearBtn) clearBtn.hidden = true;
+          return;
+        }
+        if (clearBtn) clearBtn.hidden = false;
+        wrap.innerHTML = list
+          .map(function (item) {
+            var kw = item && item.keyword ? String(item.keyword) : "";
+            if (!kw) return "";
+            var type = (item && item.type) || "post";
+            var href = "?s=" + encodeURIComponent(kw);
+            return (
+              '<a class="aksrt-search-widget__kw aksrt-search-widget__history-item" href="' +
+              href +
+              '" data-history-keyword="' +
+              encodeURIComponent(kw) +
+              '" data-history-type="' +
+              encodeURIComponent(type) +
+              '">' +
+              escapeHtml(kw) +
+              "</a>"
+            );
+          })
+          .join("");
+      });
+    }
+
+    function load() {
+      if (window.aksrtData && aksrtData.isLoggedIn) {
+        ctx.requestHistorySync("get", null, function (items) {
+          paint(items);
+        });
+        return;
+      }
+      paint(ctx.readHistory());
+    }
+
+    document.querySelectorAll("[data-aksrt-search-history-clear]").forEach(function (btn) {
+      btn.addEventListener("click", function (e) {
+        e.preventDefault();
+        if (window.aksrtData && aksrtData.isLoggedIn) {
+          ctx.requestHistorySync("save", [], function (items) {
+            paint(items);
+          });
+          return;
+        }
+        ctx.writeHistory([]);
+        paint([]);
+      });
+    });
+
+    // Also push history when submitting bare widget forms without data-aksrt-search-form.
+    document.querySelectorAll(".aksrt-search-widget form").forEach(function (form) {
+      if (form.hasAttribute("data-aksrt-search-form")) return;
+      form.addEventListener("submit", function () {
+        var input = form.querySelector('input[name="s"]');
+        var typeInput = form.querySelector('input[name="aksrt_search_type"]');
+        var keyword = input ? (input.value || "").trim() : "";
+        var type = typeInput
+          ? typeInput.value || ctx.searchConfig.defaultType || "post"
+          : ctx.searchConfig.defaultType || "post";
+        if (keyword) ctx.pushHistory(keyword, type);
+      });
+    });
+
+    load();
  }

  window.AksrtFrontend.register("aksrt-search-panel", function () { initSearchPanel(); });