image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-11-10 07:48:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(sidenav): add default expanded (#200)

Browse Source
This commit is contained in:
Wei Sheng 2022-06-30 10:55:16 +08:00 committed by GitHub
parent af235ed036
commit 1fa7740e92
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layouts/components/SideNav.tsx
View File

@ -15,6 +15,12 @@ const useComputed = (props) => {
const active = computed(() => getActive()); const active = computed(() => getActive());
const defaultExpanded = computed(() => {
const path = getActive();
const parentPath = path.substring(0, path.lastIndexOf('/'));
return parentPath === '' ? [] : [parentPath];
});
const sideNavCls = computed(() => { const sideNavCls = computed(() => {
const { isCompact } = props; const { isCompact } = props;
return [ return [
@ -44,6 +50,7 @@ const useComputed = (props) => {
return { return {
active, active,
defaultExpanded,
collapsed, collapsed,
sideNavCls, sideNavCls,
menuCls, menuCls,
@ -130,6 +137,7 @@ export default defineComponent({
class={this.menuCls} class={this.menuCls}
theme={this.theme} theme={this.theme}
value={this.active} value={this.active}
default-expanded={this.defaultExpanded}
collapsed={this.collapsed} collapsed={this.collapsed}
v-slots={{ v-slots={{
logo: () => logo: () =>