补充主题静态资源与归档模板

assets/js/core/nav.js

@@ -0,0 +1,54 @@
+/**
+ * AKSRT Navigation Drawer
+ */
+(function () {
+  "use strict";
+
+  function initNavDrawer() {
+    var toggle = document.getElementById("nav-toggle");
+    var drawer = document.getElementById("nav-drawer");
+    var backdrop = document.getElementById("nav-drawer-backdrop");
+    var closeBtn = document.getElementById("nav-drawer-close");
+    if (!toggle || !drawer || !backdrop) return;
+
+    var openIcon = toggle.querySelector(".nav-toggle-open");
+    var closeIcon = toggle.querySelector(".nav-toggle-close");
+
+    function setOpen(open) {
+      toggle.setAttribute("aria-expanded", open ? "true" : "false");
+      drawer.classList.toggle("is-open", open);
+      backdrop.classList.toggle("is-open", open);
+      drawer.setAttribute("aria-hidden", open ? "false" : "true");
+      backdrop.setAttribute("aria-hidden", open ? "false" : "true");
+      document.body.style.overflow = open ? "hidden" : "";
+      if (openIcon && closeIcon) {
+        openIcon.style.display = open ? "none" : "";
+        closeIcon.style.display = open ? "" : "none";
+      }
+      if (open && typeof window.__aksrtCloseSearchPanel === "function") {
+        window.__aksrtCloseSearchPanel();
+      }
+    }
+
+    setOpen(false);
+
+    toggle.addEventListener("click", function () {
+      setOpen(!drawer.classList.contains("is-open"));
+    });
+    backdrop.addEventListener("click", function () {
+      setOpen(false);
+    });
+    if (closeBtn) closeBtn.addEventListener("click", function () {
+      setOpen(false);
+    });
+
+    document.addEventListener("keydown", function (e) {
+      if (e.key === "Escape" && drawer.classList.contains("is-open")) {
+        setOpen(false);
+        toggle.focus();
+      }
+    });
+  }
+
+  window.AksrtFrontend.register("aksrt-nav-drawer", function () { initNavDrawer(); });
+})();