aboutsummaryrefslogtreecommitdiff
path: root/node_modules/vuepress/lib/default-theme/Layout.vue
diff options
context:
space:
mode:
authorruki <waruqi@gmail.com>2018-11-08 00:43:05 +0800
committerruki <waruqi@gmail.com>2018-11-07 22:18:30 +0800
commit89e95b3f143682ed9a006991bacf45c9dcba4818 (patch)
tree4f44cf41b828577d583890bdd5a1c31e8491a6ba /node_modules/vuepress/lib/default-theme/Layout.vue
parentaa7f0199255277949790b41c56e8ec97dd4f0da4 (diff)
downloadxmake-docs-vuepress.tar.gz
xmake-docs-vuepress.zip
remove node_modulesvuepress
Diffstat (limited to 'node_modules/vuepress/lib/default-theme/Layout.vue')
-rw-r--r--node_modules/vuepress/lib/default-theme/Layout.vue183
1 files changed, 0 insertions, 183 deletions
diff --git a/node_modules/vuepress/lib/default-theme/Layout.vue b/node_modules/vuepress/lib/default-theme/Layout.vue
deleted file mode 100644
index ee2e6abe..00000000
--- a/node_modules/vuepress/lib/default-theme/Layout.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
- <div
- class="theme-container"
- :class="pageClasses"
- @touchstart="onTouchStart"
- @touchend="onTouchEnd"
- >
- <Navbar
- v-if="shouldShowNavbar"
- @toggle-sidebar="toggleSidebar"
- />
-
- <div
- class="sidebar-mask"
- @click="toggleSidebar(false)"
- ></div>
-
- <Sidebar
- :items="sidebarItems"
- @toggle-sidebar="toggleSidebar"
- >
- <slot
- name="sidebar-top"
- slot="top"
- />
- <slot
- name="sidebar-bottom"
- slot="bottom"
- />
- </Sidebar>
-
- <div
- class="custom-layout"
- v-if="$page.frontmatter.layout"
- >
- <component :is="$page.frontmatter.layout"/>
- </div>
-
- <Home v-else-if="$page.frontmatter.home"/>
-
- <Page
- v-else
- :sidebar-items="sidebarItems"
- >
- <slot
- name="page-top"
- slot="top"
- />
- <slot
- name="page-bottom"
- slot="bottom"
- />
- </Page>
-
- <SWUpdatePopup :updateEvent="swUpdateEvent"/>
- </div>
-</template>
-
-<script>
-import Vue from 'vue'
-import nprogress from 'nprogress'
-import Home from './Home.vue'
-import Navbar from './Navbar.vue'
-import Page from './Page.vue'
-import Sidebar from './Sidebar.vue'
-import SWUpdatePopup from './SWUpdatePopup.vue'
-import { resolveSidebarItems } from './util'
-
-export default {
- components: { Home, Page, Sidebar, Navbar, SWUpdatePopup },
-
- data () {
- return {
- isSidebarOpen: false,
- swUpdateEvent: null
- }
- },
-
- computed: {
- shouldShowNavbar () {
- const { themeConfig } = this.$site
- const { frontmatter } = this.$page
- if (
- frontmatter.navbar === false ||
- themeConfig.navbar === false) {
- return false
- }
- return (
- this.$title ||
- themeConfig.logo ||
- themeConfig.repo ||
- themeConfig.nav ||
- this.$themeLocaleConfig.nav
- )
- },
-
- shouldShowSidebar () {
- const { frontmatter } = this.$page
- return (
- !frontmatter.layout &&
- !frontmatter.home &&
- frontmatter.sidebar !== false &&
- this.sidebarItems.length
- )
- },
-
- sidebarItems () {
- return resolveSidebarItems(
- this.$page,
- this.$route,
- this.$site,
- this.$localePath
- )
- },
-
- pageClasses () {
- const userPageClass = this.$page.frontmatter.pageClass
- return [
- {
- 'no-navbar': !this.shouldShowNavbar,
- 'sidebar-open': this.isSidebarOpen,
- 'no-sidebar': !this.shouldShowSidebar
- },
- userPageClass
- ]
- }
- },
-
- mounted () {
- window.addEventListener('scroll', this.onScroll)
-
- // configure progress bar
- nprogress.configure({ showSpinner: false })
-
- this.$router.beforeEach((to, from, next) => {
- if (to.path !== from.path && !Vue.component(to.name)) {
- nprogress.start()
- }
- next()
- })
-
- this.$router.afterEach(() => {
- nprogress.done()
- this.isSidebarOpen = false
- })
-
- this.$on('sw-updated', this.onSWUpdated)
- },
-
- methods: {
- toggleSidebar (to) {
- this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen
- },
-
- // side swipe
- onTouchStart (e) {
- this.touchStart = {
- x: e.changedTouches[0].clientX,
- y: e.changedTouches[0].clientY
- }
- },
-
- onTouchEnd (e) {
- const dx = e.changedTouches[0].clientX - this.touchStart.x
- const dy = e.changedTouches[0].clientY - this.touchStart.y
- if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
- if (dx > 0 && this.touchStart.x <= 80) {
- this.toggleSidebar(true)
- } else {
- this.toggleSidebar(false)
- }
- }
- },
-
- onSWUpdated (e) {
- this.swUpdateEvent = e
- }
- }
-}
-</script>
-
-<style src="prismjs/themes/prism-tomorrow.css"></style>
-<style src="./styles/theme.styl" lang="stylus"></style>