@sugarat/theme 0.5.15 → 0.5.16

package/node.d.ts

@@ -627,6 +627,19 @@ declare namespace Theme {
          * @default 999
          */
         limit?: number;
+        /**
+         * 标签排序方式
+         * desc: 降序
+         * asc: 升序
+         * normal: 不排序 (默认)
+         * @default 'normal'
+         */
+        sort?: 'desc' | 'asc' | 'normal';
+        /**
+         * 是否显示文章数量
+         * @default false
+         */
+        showCount?: boolean;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.5.15",
+  "version": "0.5.16",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -52,10 +52,10 @@
     "vitepress-plugin-mermaid": "2.0.13",
     "vitepress-plugin-tabs": "0.7.3",
     "@sugarat/theme-shared": "0.0.7",
-    "vitepress-plugin-announcement": "0.1.7",
     "vitepress-plugin-image-preview": "0.1.1",
+    "vitepress-plugin-rss": "0.4.3",
     "vitepress-plugin-pagefind": "0.4.19",
-    "vitepress-plugin-rss": "0.4.3"
+    "vitepress-plugin-announcement": "0.1.7"
   },
   "devDependencies": {
     "artalk": "^2.8.5",

package/src/components/BlogHomeTags.vue

@@ -31,13 +31,18 @@ const tagsWithCount = computed(() => {
     })
   })
   // 按文章数量降序排序
-  return [...tagCountMap.entries()]
-    .sort((a, b) => b[1] - a[1])
-    .map(([tag, count]) => ({ tag, count }))
+  const data = [...tagCountMap.entries()]
+  const sort = (typeof homeTagsConfig.value === 'object' && homeTagsConfig.value?.sort) ? homeTagsConfig.value.sort : 'normal'
+  if (sort !== 'normal') {
+    data.sort((a, b) => {
+      return sort === 'asc' ? a[1] - b[1] : b[1] - a[1]
+    })
+  }
+  return data.map(([tag, count]) => ({ tag, count }))
 })
 
 // 折叠/展开功能，从配置中读取 limit，默认 10
-const showCount = computed(() => {
+const limit = computed(() => {
   if (typeof homeTagsConfig.value === 'object' && homeTagsConfig.value?.limit) {
     return homeTagsConfig.value.limit
   }
@@ -45,12 +50,12 @@ const showCount = computed(() => {
 })
 const isExpanded = ref(false)
 const displayTags = computed(() => {
-  if (isExpanded.value || tagsWithCount.value.length <= showCount.value) {
+  if (isExpanded.value || tagsWithCount.value.length <= limit.value) {
     return tagsWithCount.value
   }
-  return tagsWithCount.value.slice(0, showCount.value)
+  return tagsWithCount.value.slice(0, limit.value)
 })
-const hasMore = computed(() => tagsWithCount.value.length > showCount.value)
+const hasMore = computed(() => tagsWithCount.value.length > limit.value)
 
 function toggleExpand() {
   isExpanded.value = !isExpanded.value
@@ -130,7 +135,7 @@ watch(
           @click="handleTagClick(item.tag, tagType[idx % tagType.length])"
         >
           {{ item.tag }}
-          <span class="tag-count">{{ item.count }}</span>
+          <span v-if="typeof homeTagsConfig === 'object' && homeTagsConfig?.showCount" class="tag-count">{{ item.count }}</span>
         </Tag>
       </li>
     </ul>

package/src/composables/config/index.ts

@@ -664,5 +664,18 @@ export namespace Theme {
      * @default 999
      */
     limit?: number
+    /**
+     * 标签排序方式
+     * desc: 降序
+     * asc: 升序
+     * normal: 不排序 (默认)
+     * @default 'normal'
+     */
+    sort?: 'desc' | 'asc' | 'normal'
+    /**
+     * 是否显示文章数量
+     * @default false
+     */
+    showCount?: boolean
   }
 }