vitepress-theme-element-plus 1.3.1 → 1.3.2

package/client/utils/common.ts

@@ -1,90 +1,90 @@
-const HASH_RE = /#.*$/
-const HASH_OR_QUERY_RE = /[?#].*$/
-const INDEX_OR_EXT_RE = /(?:(^|\/)index)?\.(?:md|html)$/
-
-export const inBrowser = typeof document !== 'undefined'
-
-export function isActive(
-  currentPath: string,
-  matchPath?: string,
-  asRegex: boolean = false,
-): boolean {
-  if (matchPath === undefined) {
-    return false
-  }
-
-  currentPath = normalize(`/${currentPath}`)
-
-  if (asRegex) {
-    return new RegExp(matchPath).test(currentPath)
-  }
-
-  if (normalize(matchPath) !== currentPath) {
-    return false
-  }
-
-  const hashMatch = matchPath.match(HASH_RE)
-
-  if (hashMatch) {
-    return (inBrowser ? location.hash : '') === hashMatch[0]
-  }
-
-  return true
-}
-
-function normalize(path: string): string {
-  return decodeURI(path)
-    .replace(HASH_OR_QUERY_RE, '')
-    .replace(INDEX_OR_EXT_RE, '$1')
-}
-
-export function ensureStartingSlash(path: string): string {
-  return /^\//.test(path) ? path : `/${path}`
-}
-
-export function isPlainObject(obj: any) {
-  // 首先排除 null 和非对象类型
-  if (obj === null || typeof obj !== 'object') {
-    return false
-  }
-
-  // 检查对象的构造函数是否是 Object
-  if (obj.constructor !== Object) {
-    return false
-  }
-
-  // 检查对象的原型是否是 Object.prototype
-  if (Object.getPrototypeOf(obj) !== Object.prototype) {
-    return false
-  }
-
-  return true
-}
-
-export function isString(value) {
-  return typeof value === 'string'
-}
-
-export function capitalizeFirstLetter(string: string) {
-  if (!string)
-    return '' // 如果字符串为空，返回空字符串
-  return string.charAt(0).toUpperCase() + string.slice(1)
-}
-
-export function throttleAndDebounce(fn: () => void, delay: number): () => void {
-  let timeoutId: NodeJS.Timeout
-  let called = false
-
-  return () => {
-    if (timeoutId)
-      clearTimeout(timeoutId)
-
-    if (!called) {
-      fn()
-      ;(called = true) && setTimeout(() => (called = false), delay)
-    }
-    else {
-      timeoutId = setTimeout(fn, delay)
-    }
-  }
-}
+const HASH_RE = /#.*$/
+const HASH_OR_QUERY_RE = /[?#].*$/
+const INDEX_OR_EXT_RE = /(?:(^|\/)index)?\.(?:md|html)$/
+
+export const inBrowser = typeof document !== 'undefined'
+
+export function isActive(
+  currentPath: string,
+  matchPath?: string,
+  asRegex: boolean = false,
+): boolean {
+  if (matchPath === undefined) {
+    return false
+  }
+
+  currentPath = normalize(`/${currentPath}`)
+
+  if (asRegex) {
+    return new RegExp(matchPath).test(currentPath)
+  }
+
+  if (normalize(matchPath) !== currentPath) {
+    return false
+  }
+
+  const hashMatch = matchPath.match(HASH_RE)
+
+  if (hashMatch) {
+    return (inBrowser ? location.hash : '') === hashMatch[0]
+  }
+
+  return true
+}
+
+function normalize(path: string): string {
+  return decodeURI(path)
+    .replace(HASH_OR_QUERY_RE, '')
+    .replace(INDEX_OR_EXT_RE, '$1')
+}
+
+export function ensureStartingSlash(path: string): string {
+  return /^\//.test(path) ? path : `/${path}`
+}
+
+export function isPlainObject(obj: any) {
+  // 首先排除 null 和非对象类型
+  if (obj === null || typeof obj !== 'object') {
+    return false
+  }
+
+  // 检查对象的构造函数是否是 Object
+  if (obj.constructor !== Object) {
+    return false
+  }
+
+  // 检查对象的原型是否是 Object.prototype
+  if (Object.getPrototypeOf(obj) !== Object.prototype) {
+    return false
+  }
+
+  return true
+}
+
+export function isString(value) {
+  return typeof value === 'string'
+}
+
+export function capitalizeFirstLetter(string: string) {
+  if (!string)
+    return '' // 如果字符串为空，返回空字符串
+  return string.charAt(0).toUpperCase() + string.slice(1)
+}
+
+export function throttleAndDebounce(fn: () => void, delay: number): () => void {
+  let timeoutId: NodeJS.Timeout
+  let called = false
+
+  return () => {
+    if (timeoutId)
+      clearTimeout(timeoutId)
+
+    if (!called) {
+      fn()
+      ;(called = true) && setTimeout(() => (called = false), delay)
+    }
+    else {
+      timeoutId = setTimeout(fn, delay)
+    }
+  }
+}

package/index.ts

@@ -1,45 +1,45 @@
-import type { DefaultTheme, Theme } from 'vitepress'
-import VPTheme from 'vitepress/theme'
-import Layout from './client/components/Layout.vue'
-import 'element-plus/theme-chalk/base.css'
-import 'element-plus/theme-chalk/el-tag.css'
-import 'element-plus/theme-chalk/dark/css-vars.css'
-import './styles/index.scss'
-import './styles/base.scss'
-import './styles/code.scss'
-import './styles/doc-content.scss'
-import './styles/tag-content.scss'
-
-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
+import type { DefaultTheme, Theme } from 'vitepress'
+import VPTheme from 'vitepress/theme'
+import Layout from './client/components/Layout.vue'
+import 'element-plus/theme-chalk/base.css'
+import 'element-plus/theme-chalk/el-tag.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import './styles/index.scss'
+import './styles/base.scss'
+import './styles/code.scss'
+import './styles/doc-content.scss'
+import './styles/tag-content.scss'
+
+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": "1.3.1",
+  "version": "1.3.2",
   "description": "A VitePress theme for Element Plus",
   "author": "Hezhengxu",
   "license": "MIT",
@@ -35,7 +35,7 @@
     "styles"
   ],
   "peerDependencies": {
-    "vitepress": "2.0.0-alpha.12"
+    "vitepress": "^2.0.0-alpha.12"
   },
   "dependencies": {
     "@iconify/vue": "^4"

package/shared/constants.ts

@@ -1,3 +1,3 @@
-export const NOT_ARTICLE_LAYOUTS = ['blog', 'tags', 'categorys', 'projects', 'home', 'page']
-
-export const DEFAULT_PAGE_SIZE = 5
+export const NOT_ARTICLE_LAYOUTS = ['blog', 'tags', 'categorys', 'projects', 'home', 'page']
+
+export const DEFAULT_PAGE_SIZE = 5

package/styles/base.scss

@@ -1,105 +1,105 @@
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-html {
-  line-height: 1.4;
-  font-size: 16px;
-  text-size-adjust: 100%;
-  font-family: var(--font-family);
-  font-weight: 400;
-  -webkit-font-smoothing: antialiased;
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0;
-  width: 100%;
-  min-width: 320px;
-  min-height: 100vh;
-  line-height: 1.4;
-  font-size: 16px;
-  font-weight: 400;
-  color: var(--text-color);
-  background-color: var(--bg-color);
-  direction: ltr;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  transition: background-color var(--el-transition-duration-fast);
-}
-
-main {
-  display: block;
-}
-
-a,
-area,
-button,
-[role='button'],
-input,
-label,
-select,
-summary,
-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 0.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;
-  mix-blend-mode: normal;
-}
-
-::view-transition-old(root) {
-  z-index: 1;
-}
-
-::view-transition-new(root) {
-  z-index: 2147483646;
-}
-
-.dark::view-transition-old(root) {
-  z-index: 2147483646;
-}
-
-.dark::view-transition-new(root) {
-  z-index: 1;
-}
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: 1.4;
+  font-size: 16px;
+  text-size-adjust: 100%;
+  font-family: var(--font-family);
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  margin: 0;
+  width: 100%;
+  min-width: 320px;
+  min-height: 100vh;
+  line-height: 1.4;
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  direction: ltr;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transition: background-color var(--el-transition-duration-fast);
+}
+
+main {
+  display: block;
+}
+
+a,
+area,
+button,
+[role='button'],
+input,
+label,
+select,
+summary,
+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 0.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;
+  mix-blend-mode: normal;
+}
+
+::view-transition-old(root) {
+  z-index: 1;
+}
+
+::view-transition-new(root) {
+  z-index: 2147483646;
+}
+
+.dark::view-transition-old(root) {
+  z-index: 2147483646;
+}
+
+.dark::view-transition-new(root) {
+  z-index: 1;
+}