fix 修复文章无目录情况

lewkamtao · Jan 8, 2022 · 871769b · 871769b
1 parent d41237b
commit 871769b
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/util/catalog.js b/util/catalog.js
@@ -21,6 +21,12 @@ export default function (opts) {
   let allCatalogs = $content.querySelectorAll(Opt.selector.join())
   let tree = getCatalogsTree(allCatalogs)
 
+  // 隐藏目录
+  if (tree.length === 0) {
+    document.querySelector(".catalogue").style.setProperty("display", "none");
+    return;
+  }
+
   try {
     $catalog.innerHTML = `<div class='cl-wrapper'>${generateHtmlTree(tree, {id: -1})}</div>`
   } catch (e) {
@@ -70,7 +76,7 @@ export default function (opts) {
         break
       }
     }
-    if (allCatalogs[allCatalogs.length - 1].offsetTop + maskHeight + editBoxHeight <= number) {
+    if (allCatalogs.length > 0 && allCatalogs[allCatalogs.length - 1].offsetTop + maskHeight + editBoxHeight <= number) {
       scrollToEl = allCatalogs[allCatalogs.length - 1]
     }
     if (scrollToEl) setActiveItem(scrollToEl.id)
@@ -185,17 +191,14 @@ export default function (opts) {
    *  设置选中的项
    */
   function setActiveItem(id) {
-    let catas = [...$catalog.querySelectorAll(`[${Opt.datasetName}]`)]
-
-    catas.forEach(T => {
-      if (T.getAttribute(Opt.datasetName) === id) {
-        typeof Opt.activeHook === 'function' &&
-        !T.classList.contains(Opt.linkActiveClass) &&
-        // 执行active钩子
-        Opt.activeHook.call(this, T)
-        T.classList.add(Opt.linkActiveClass)
+    let catalogs = [...$catalog.querySelectorAll(`[${Opt.datasetName}]`)]
+
+    catalogs.forEach(catalog => {
+      if (catalog.getAttribute(Opt.datasetName) === id) {
+        typeof Opt.activeHook === 'function' && !catalog.classList.contains(Opt.linkActiveClass) && Opt.activeHook.call(this, catalog)
+        catalog.classList.add(Opt.linkActiveClass)
       } else {
-        T.classList.remove(Opt.linkActiveClass)
+        catalog.classList.remove(Opt.linkActiveClass)
       }
     })
   }