vitepress-theme-element-plus 0.0.9 → 1.0.0

package/client/components/Content.vue

@@ -136,7 +136,7 @@ appContext.app.component('ApiTyping', ApiTyping)
 
 @media screen and (min-width: 1440px) {
   .VPContent.has-sidebar {
-    padding-left: calc(var(--vp-sidebar-width-small) + 39px)
+    padding-left: calc(var(--vp-sidebar-width-small) + 32px)
   }
 }
 

package/client/components/Footer.vue

@@ -14,14 +14,13 @@ const blogroll = theme.value.footer?.blogroll
       <h4>{{ item.title }}</h4>
       <ElLink
         v-for="child of item.children"
-        :key="child.title"
+        :key="child.text"
         class="footer-main-link"
         target="_blank"
-        type="info"
-        :href="child.href"
+        :href="child.link"
         :underline="false"
       >
-        {{ child.title }}
+        {{ child.text }}
       </ElLink>
     </div>
   </footer>
@@ -63,6 +62,11 @@ const blogroll = theme.value.footer?.blogroll
       display: block;
       margin: 0;
       line-height: 2;
+      color: var(--text-color-light);
+
+      &:hover {
+        color: var(--text-color);
+      }
     }
   }
 }

package/client/components/NavBarTitle.vue

@@ -37,9 +37,9 @@ const target = computed(() =>
     >
       <slot name="nav-bar-title-before" />
       <VPImage v-if="theme.logo" class="logo" :image="theme.logo" />
+      <ElTag v-if="theme.version" type="primary" round>{{ theme.version }}</ElTag>
       <span v-if="theme.siteTitle" v-html="theme.siteTitle" />
       <span v-else-if="theme.siteTitle === undefined">{{ site.title }}</span>
-      <ElTag v-if="theme.version" type="primary" round>{{ theme.version }}</ElTag>
       <slot name="nav-bar-title-after" />
     </a>
   </div>
@@ -53,7 +53,6 @@ const target = computed(() =>
   width: 100%;
   height: var(--vp-nav-height);
   font-size: 16px;
-  font-weight: 600;
   color: var(--vp-c-text-1);
   transition: opacity 0.25s;
 }
@@ -68,6 +67,12 @@ const target = computed(() =>
   }
 }
 
+@media (max-width: 768px) {
+  .title span:last-child {
+    display: none;
+  }
+}
+
 :deep(.logo) {
   margin-right: 14px;
   height: var(--vp-nav-logo-height);
@@ -76,8 +81,6 @@ const target = computed(() =>
 :deep(.el-tag.el-tag--primary) {
   background-color: var(--bg-brand-color);
   color: var(--vp-c-brand);
-  --el-tag-bg-color: var(--vp-c-brand-soft);
-  --el-tag-border-color: var(--vp-c-brand);
-  --el-tag-hover-color: var(--vp-c-brand);
+  margin-right: 14px;
 }
 </style>

package/client/components/Sidebar.vue

@@ -112,7 +112,7 @@ watch(
 @media screen and (min-width: 1440px) {
   .VPSidebar {
     padding: 48px 32px;
-    width: calc(var(--vp-sidebar-width-small) + 39px)
+    width: calc(var(--vp-sidebar-width-small) + 32px)
   }
 }
 

package/client/components/SidebarItem.vue

@@ -181,7 +181,7 @@ function onLinkAreaClick(e: MouseEvent) {
 
 .text {
   flex-grow: 1;
-  line-height: 24px;
+  line-height: 20px;
   transition: color 0.25s;
 }
 .text-icon {
@@ -201,7 +201,6 @@ function onLinkAreaClick(e: MouseEvent) {
   color: var(--vp-c-text-1);
   font-size: 1rem;
   font-weight: 700;
-  margin-bottom: 8px;
   line-height: 24px;
 }
 

package/index.ts

@@ -14,13 +14,32 @@ const EPTheme: Theme = {
   extends: VPTheme,
   Layout,
 }
+// #region snippet
+export interface FooterBlogrollLink {
+  text: string
+  link: string
+}
+
+export interface FooterBlogrollSection {
+  title: string
+  children: FooterBlogrollLink[]
+}
+
+export interface EPThemeFooter extends DefaultTheme.Footer {
+  /**
+   * 友情链接配置
+   */
+  blogroll?: FooterBlogrollSection[]
+}
 
 export interface EPThemeConfig extends DefaultTheme.Config {
   /**
    * 文档版本号
    */
   version?: string
+  footer?: EPThemeFooter
 }
+// #endregion snippet
 
 export { Layout }
 export default EPTheme

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vitepress-theme-element-plus",
   "type": "module",
-  "version": "0.0.9",
+  "version": "1.0.0",
   "description": "A VitePress theme for Element Plus",
   "author": "Hezhengxu",
   "license": "MIT",
@@ -35,12 +35,10 @@
     "styles"
   ],
   "scripts": {
-    "clean": "rimraf dist",
     "build": "tsdown",
     "build:watch": "tsdown --watch",
-    "lint": "eslint ./ --fix",
     "prepublishOnly": "pnpm run build",
-    "release": "release-it"
+    "release": "pnpm -C ../.. release"
   },
   "peerDependencies": {
     "vitepress": "2.0.0-alpha.12"
@@ -49,15 +47,12 @@
     "@iconify/vue": "^4"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^10",
     "@types/glob": "^9.0.0",
     "@types/markdown-it": "^14.1.0",
     "@types/node": "^22.17.0",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vueuse/core": "^11.3.0",
     "element-plus": "^2.11.7",
-    "release-it": "^19",
-    "rimraf": "^6.0.1",
     "sass-embedded": "^1.80.3",
     "tsdown": "0.16.0",
     "typescript": "^5.9.2",

package/styles/base.scss

@@ -48,6 +48,41 @@ textarea {
   touch-action: manipulation
 }
 
+* {
+    scrollbar-color: var(--el-scrollbar-bg-color) var(--el-fill-color-light);
+}
+
+::-webkit-scrollbar {
+    width: 6px;
+}
+
+::-webkit-scrollbar:horizontal {
+    height: 6px
+}
+
+::-webkit-scrollbar-track {
+    border-radius: 10px
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #0003;
+    border-radius: 10px;
+    transition: all .2s ease-in-out
+}
+
+::-webkit-scrollbar-thumb:hover {
+    cursor: pointer;
+    background-color: #0000004d
+}
+
+.dark ::-webkit-scrollbar-thumb {
+    background-color: #fff3
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+    background-color: #fff6
+}
+
 ::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;

package/styles/index.scss

@@ -8,8 +8,6 @@
   --vp-nav-logo-height: 28px;
   --vp-c-brand: var(--el-color-primary);
   --vp-c-brand-1: var(--vp-c-brand);
-  --vp-c-brand-2: var(--el-color-primary);
-  --vp-c-brand-3: var(--el-color-primary);
   --vp-c-brand-soft: var(--el-color-primary-light-9);
   --vp-c-bg: var(--el-bg-color);
   --text-color: var(--el-text-color-primary);