From 79f8f149dcd3ac2bb671633c97f28c41f84d8490 Mon Sep 17 00:00:00 2001
From: ULIVZ <472590061@qq.com>
Date: Mon, 16 Apr 2018 13:07:32 -0500
Subject: [PATCH] feat: dropdown Items in Navbar (#13)
---
README.md | 1 -
docs/default-theme-config/README.md | 18 ++++
docs/guide/README.md | 1 -
lib/default-theme/DropdownLink.vue | 152 ++++++++++++++++++++++++++++
lib/default-theme/NavLink.vue | 34 +++++++
lib/default-theme/NavLinks.vue | 67 ++++++------
lib/default-theme/Sidebar.vue | 3 +-
lib/default-theme/util.js | 12 ++-
8 files changed, 253 insertions(+), 35 deletions(-)
create mode 100644 lib/default-theme/DropdownLink.vue
create mode 100644 lib/default-theme/NavLink.vue
diff --git a/README.md b/README.md
index 1b7d2c5aaf..31c580ac95 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,6 @@ https://vuepress.vuejs.org/
VuePress is still a work in progress. There are a few things that it currently does not support but are planned:
-- Dropdown Items in Navbar
- Multi-Language Support
- Algolia DocSearch Integration
- Blogging support
diff --git a/docs/default-theme-config/README.md b/docs/default-theme-config/README.md
index 37a871d055..0d64c59ba9 100644
--- a/docs/default-theme-config/README.md
+++ b/docs/default-theme-config/README.md
@@ -50,6 +50,24 @@ module.exports = {
}
```
+These links can also be dropdown menus if you provide nested items via `items`:
+
+```js
+module.exports = {
+ themeConfig: {
+ nav: [
+ {
+ text: 'Languages',
+ items: [
+ { text: 'Chinese', link: '/language/chinese' },
+ { text: 'Japanese', link: '/language/japanese' }
+ ]
+ }
+ ]
+ }
+}
+```
+
## Sidebar
To enable the sidebar, use `themeConfig.sidebar`. The basic configuration expects an Array of links:
diff --git a/docs/guide/README.md b/docs/guide/README.md
index 6c3cdeeccc..0761baa54a 100644
--- a/docs/guide/README.md
+++ b/docs/guide/README.md
@@ -30,7 +30,6 @@ Each markdown file is compiled into HTML with [markdown-it](https://github.com/m
VuePress is still a work in progress. There are a few things that it currently does not support but are planned:
-- Dropdown Items in Navbar
- Multi-Language Support
- Algolia DocSearch Integration
- Blogging support
diff --git a/lib/default-theme/DropdownLink.vue b/lib/default-theme/DropdownLink.vue
new file mode 100644
index 0000000000..cd3796ac66
--- /dev/null
+++ b/lib/default-theme/DropdownLink.vue
@@ -0,0 +1,152 @@
+
+