feat: 分类显示书籍数量并发布 v2.1.2

src/ui/views/library.js

@@ -372,10 +372,10 @@ const Library = (() => {
     if (selectedShelf && selectedShelf !== '__uncategorized__'
       && !shelves.some((shelf) => shelf.id === selectedShelf)) selectedShelf = '';
     if (selectedTag && !libraryTags.some((tag) => tag.name === selectedTag)) selectedTag = '';
-    renderOrganizationSidebar();
+    const allItems = res.data.slice();
+    renderOrganizationSidebar(allItems);
     const noteCounts = noteCountsOf(noteCountResult);
     const annotationCounts = noteCountsOf(annotationCountResult);
-    const allItems = res.data.slice();
     const scopedItems = allItems.filter((item) => {
       if (selectedShelf === '__uncategorized__' && item.shelfId) return false;
       if (selectedShelf && selectedShelf !== '__uncategorized__' && item.shelfId !== selectedShelf) return false;
@@ -424,12 +424,19 @@ const Library = (() => {
     refresh(true);
   }
 
-  function renderOrganizationSidebar() {
+  function renderOrganizationSidebar(items) {
     document.querySelectorAll('#libraryTab .library-filter[data-shelf]').forEach((button) => {
+      const shelfId = button.dataset.shelf || '';
       button.classList.toggle(
         'active',
-        !selectedTag && (button.dataset.shelf || '') === selectedShelf
+        !selectedTag && shelfId === selectedShelf
       );
+      const count = button.querySelector('.library-filter-count');
+      if (count) {
+        count.textContent = String(shelfId === '__uncategorized__'
+          ? items.filter((item) => !item.shelfId).length
+          : items.length);
+      }
     });
     const shelfList = $('libraryShelfList');
     shelfList.textContent = '';
@@ -440,8 +447,13 @@ const Library = (() => {
       filter.type = 'button';
       filter.className = 'library-filter';
       filter.classList.toggle('active', !selectedTag && selectedShelf === shelf.id);
-      filter.textContent = shelf.name;
       filter.title = shelf.name;
+      const name = document.createElement('span');
+      name.textContent = shelf.name;
+      const count = document.createElement('span');
+      count.className = 'library-filter-count';
+      count.textContent = String(shelf.count || 0);
+      filter.append(name, count);
       filter.onclick = () => selectShelf(shelf.id);
 
       const actions = document.createElement('div');