@sugarat/theme 0.1.22 → 0.1.24

package/node.d.ts

@@ -84,6 +84,12 @@ declare namespace Theme {
         title?: string;
         pageSize?: number;
         nextText?: string;
+        /**
+         * 是否展示当前正在浏览的文章在左侧
+         * @default false
+         */
+        showSelf?: boolean;
+        filter?: (page: Theme.PageData) => boolean;
         empty?: string | boolean;
     }
     interface HomeBlog {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "main": "src/index.ts",
   "exports": {

package/src/components/BlogRecommendArticle.vue

@@ -24,9 +24,15 @@
         <!-- 简介 -->
         <div class="des">
           <!-- title -->
-          <el-link type="info" class="title" :href="v.route">{{
-            v.meta.title
-          }}</el-link>
+          <el-link
+            type="info"
+            class="title"
+            :class="{
+              current: isCurrentDoc(v.route)
+            }"
+            :href="v.route"
+            >{{ v.meta.title }}</el-link
+          >
           <!-- 描述信息 -->
           <div class="suffix">
             <!-- 日期 -->
@@ -57,7 +63,9 @@ const docs = useArticles()
 const route = useRoute()
 
 const recommendList = computed(() => {
-  const paths = route.path.split('/')
+  // 中文支持
+  const paths = decodeURIComponent(route.path).split('/')
+
   const origin = docs.value
     .map((v) => ({ ...v, route: withBase(v.route) }))
     // 过滤出公共路由前缀
@@ -70,9 +78,14 @@ const recommendList = computed(() => {
     // 过滤出带标题的
     .filter((v) => !!v.meta.title)
     // 过滤掉自己
-    .filter((v) => v.route !== route.path.replace(/.html$/, ''))
+    .filter(
+      (v) =>
+        (recommend?.showSelf ?? true) ||
+        v.route !== decodeURIComponent(route.path).replace(/.html$/, '')
+    )
     // 过滤掉不需要展示的
     .filter((v) => v.meta.recommend !== false)
+    .filter((v) => recommend?.filter?.(v) ?? true)
 
   const topList = origin.filter((v) => v.meta?.recommend)
   topList.sort((a, b) => Number(a.meta.recommend) - Number(b.meta.recommend))
@@ -82,6 +95,11 @@ const recommendList = computed(() => {
 
   return topList.concat(normalList)
 })
+
+const isCurrentDoc = (value: string) => {
+  return value === decodeURIComponent(route.path).replace(/.html$/, '')
+}
+
 const currentPage = ref(1)
 const changePage = () => {
   const newIdx =
@@ -158,6 +176,9 @@ const showChangeBtn = computed(() => {
       color: var(--vp-c-text-1);
       word-break: break-all;
       white-space: break-spaces;
+      &.current {
+        color: var(--vp-c-brand);
+      }
     }
 
     .suffix {

package/src/composables/config/index.ts

@@ -93,6 +93,12 @@ export namespace Theme {
     title?: string
     pageSize?: number
     nextText?: string
+    /**
+     * 是否展示当前正在浏览的文章在左侧
+     * @default false
+     */
+    showSelf?: boolean
+    filter?: (page: Theme.PageData) => boolean
     empty?: string | boolean
   }