From 1fa7740e9264d5fe80c49aa72c45701ecd3285ab Mon Sep 17 00:00:00 2001
From: Wei Sheng <wei.sheng0107@gmail.com>
Date: Thu, 30 Jun 2022 10:55:16 +0800
Subject: [PATCH] feat(sidenav): add default expanded (#200)

---
 src/layouts/components/SideNav.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/layouts/components/SideNav.tsx b/src/layouts/components/SideNav.tsx
index 4bc4941..4a806b8 100644
--- a/src/layouts/components/SideNav.tsx
+++ b/src/layouts/components/SideNav.tsx
@@ -15,6 +15,12 @@ const useComputed = (props) => {
 
   const active = computed(() => getActive());
 
+  const defaultExpanded = computed(() => {
+    const path = getActive();
+    const parentPath = path.substring(0, path.lastIndexOf('/'));
+    return parentPath === '' ? [] : [parentPath];
+  });
+
   const sideNavCls = computed(() => {
     const { isCompact } = props;
     return [
@@ -44,6 +50,7 @@ const useComputed = (props) => {
 
   return {
     active,
+    defaultExpanded,
     collapsed,
     sideNavCls,
     menuCls,
@@ -130,6 +137,7 @@ export default defineComponent({
           class={this.menuCls}
           theme={this.theme}
           value={this.active}
+          default-expanded={this.defaultExpanded}
           collapsed={this.collapsed}
           v-slots={{
             logo: () =>