From 61d1e2e37f71945b12be3845a8eff4177ad41339 Mon Sep 17 00:00:00 2001 From: pengzhanbo Date: Sat, 30 Apr 2022 23:09:28 +0800 Subject: [PATCH] =?UTF-8?q?refactor(theme):=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?= =?UTF-8?q?=E6=94=AF=E6=8C=81&=E4=BF=AE=E5=A4=8Dfrontmatter=E7=9B=91?= =?UTF-8?q?=E5=90=AC=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1.响应式布局,支持移动端; 2.修复监听markdown文件生成frontmatter时错误问题 --- .vscode/settings.json | 1 + docs/.vuepress/config.ts | 1 + docs/notes/面试题/README.md | 34 + packages/plugin-caniuse/package.json | 3 + .../src/client/components/AsideNavbar.vue | 45 + .../theme/src/client/components/Navbar.vue | 11 +- .../theme/src/client/components/PostList.vue | 6 +- .../theme/src/client/components/Sidebar.vue | 44 +- .../src/client/components/SidebarItems.vue | 4 +- packages/theme/src/client/components/Tag.vue | 1 + packages/theme/src/client/components/Toc.ts | 3 +- .../src/client/composables/asideNavbar.ts | 23 + .../theme/src/client/composables/index.ts | 1 + .../src/client/composables/sidebarIndex.ts | 2 + packages/theme/src/client/layouts/Layout.vue | 2 + packages/theme/src/client/shim.d.ts | 2 + .../theme/src/client/styles/transition.scss | 17 +- packages/theme/src/client/utils/animate.ts | 14 + packages/theme/src/client/utils/dom.ts | 48 + .../theme/src/node/generateFrontmatter.ts | 3 +- packages/theme/src/node/plugins/index.ts | 4 +- packages/theme/src/node/utils/readFileList.ts | 8 +- pnpm-lock.yaml | 5425 +---------------- 23 files changed, 332 insertions(+), 5370 deletions(-) create mode 100644 packages/theme/src/client/components/AsideNavbar.vue create mode 100644 packages/theme/src/client/composables/asideNavbar.ts create mode 100644 packages/theme/src/client/utils/animate.ts diff --git a/.vscode/settings.json b/.vscode/settings.json index e2c21937..db26feff 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -22,6 +22,7 @@ "commitlint", "composables", "Docsearch", + "gsap", "nprogress", "pnpm", "tsbuildinfo", diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts index 267ea0a1..91edf65e 100644 --- a/docs/.vuepress/config.ts +++ b/docs/.vuepress/config.ts @@ -9,6 +9,7 @@ export default defineUserConfig({ lang: 'zh', title: 'Plume Theme', description: '', + source: path.resolve(__dirname, '../'), public: path.resolve(__dirname, 'public'), bundler: diff --git a/docs/notes/面试题/README.md b/docs/notes/面试题/README.md index 6068b41c..7f25285c 100644 --- a/docs/notes/面试题/README.md +++ b/docs/notes/面试题/README.md @@ -20,3 +20,37 @@ permalink: /note/interview-question/ 如果你发现本笔记中有哪些错误,欢迎指出,我将虚心受教! ::: + +1 + +1 + +1 + + +1 + + +11 + + +1 + +1 + + +1 + +1 + +1 + +1 + +1 + +1 + +1 + +1 diff --git a/packages/plugin-caniuse/package.json b/packages/plugin-caniuse/package.json index 0e990568..848c164d 100644 --- a/packages/plugin-caniuse/package.json +++ b/packages/plugin-caniuse/package.json @@ -30,6 +30,9 @@ "@vuepress/utils": "2.0.0-beta.41", "markdown-it-container": "^3.0.0" }, + "devDependencies": { + "@types/markdown-it": "^12.2.3" + }, "publishConfig": { "access": "public" } diff --git a/packages/theme/src/client/components/AsideNavbar.vue b/packages/theme/src/client/components/AsideNavbar.vue new file mode 100644 index 00000000..b5e9aba5 --- /dev/null +++ b/packages/theme/src/client/components/AsideNavbar.vue @@ -0,0 +1,45 @@ + + + diff --git a/packages/theme/src/client/components/Navbar.vue b/packages/theme/src/client/components/Navbar.vue index 06404ce2..cdda1bbf 100644 --- a/packages/theme/src/client/components/Navbar.vue +++ b/packages/theme/src/client/components/Navbar.vue @@ -4,13 +4,13 @@ import NavbarBrand from '@theme-plume/NavbarBrand.vue' import NavbarItems from '@theme-plume/NavbarItems.vue' import ToggleSidebarButton from '@theme-plume/ToggleSidebarButton.vue' import { computed, onMounted, ref } from 'vue' -import { useThemeLocaleData } from '../composables' +import { useAsideNavbar, useThemeLocaleData } from '../composables' import { getCssValue } from '../utils' -defineEmits(['toggle-sidebar']) - const themeLocale = useThemeLocaleData() +const { triggerAsideNavbar } = useAsideNavbar() + const navbar = ref(null) const navbarBrand = ref(null) @@ -47,7 +47,7 @@ onMounted(() => {