Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
2301_76266857
unidocs-zh
提交
7a01d9d4
U
unidocs-zh
项目概览
2301_76266857
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
7a01d9d4
编写于
5月 07, 2022
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: siderbar 已展开菜单再次点击时不展开的bug
上级
af0477a6
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
106 addition
and
0 deletion
+106
-0
docs/.vuepress/theme/components/SidebarLinks.vue
docs/.vuepress/theme/components/SidebarLinks.vue
+106
-0
未找到文件。
docs/.vuepress/theme/components/SidebarLinks.vue
0 → 100644
浏览文件 @
7a01d9d4
<
template
>
<ul
v-if=
"items.length"
class=
"sidebar-links"
>
<li
v-for=
"(item, i) in items"
:key=
"i"
>
<SidebarGroup
v-if=
"item.type === 'group'"
:item=
"item"
:open=
"i === openGroupIndex"
:collapsable=
"item.collapsable || item.collapsible"
:depth=
"depth"
@
toggle=
"toggleGroup(i)"
/>
<SidebarLink
v-else
:sidebar-depth=
"sidebarDepth"
:item=
"item"
/>
</li>
</ul>
</
template
>
<
script
>
import
SidebarGroup
from
'
@theme/components/SidebarGroup.vue
'
import
SidebarLink
from
'
@theme/components/SidebarLink.vue
'
import
{
isActive
,
debounce
}
from
'
../util
'
export
default
{
name
:
'
SidebarLinks
'
,
components
:
{
SidebarGroup
,
SidebarLink
},
props
:
[
'
items
'
,
'
depth
'
,
// depth of current sidebar links
'
sidebarDepth
'
,
// depth of headers to be extracted
'
initialOpenGroupIndex
'
],
data
()
{
return
{
openGroupIndex
:
this
.
initialOpenGroupIndex
||
0
}
},
watch
:
{
'
$route
'
:
debounce
(
function
()
{
this
.
refreshIndex
()
})
},
created
()
{
this
.
refreshIndex
()
},
methods
:
{
refreshIndex
()
{
const
index
=
resolveOpenGroupIndex
(
this
.
$route
,
this
.
items
)
if
(
index
>
-
1
)
{
this
.
openGroupIndex
=
index
}
},
toggleGroup
(
index
)
{
this
.
openGroupIndex
=
index
===
this
.
openGroupIndex
?
-
1
:
index
},
isActive
(
page
)
{
return
isActive
(
this
.
$route
,
page
.
regularPath
)
}
}
}
function
resolveOpenGroupIndex
(
route
,
items
)
{
for
(
let
i
=
0
;
i
<
items
.
length
;
i
++
)
{
const
item
=
items
[
i
]
if
(
descendantIsActive
(
route
,
item
))
{
return
i
}
}
return
-
1
}
function
descendantIsActive
(
route
,
item
)
{
if
(
item
.
type
===
'
group
'
)
{
const
childIsActive
=
item
.
path
&&
isActive
(
route
,
item
.
path
)
const
grandChildIsActive
=
item
.
children
.
some
(
child
=>
{
if
(
child
.
type
===
'
group
'
)
{
return
descendantIsActive
(
route
,
child
)
}
else
{
return
child
.
type
===
'
page
'
&&
isActive
(
route
,
child
.
path
)
}
})
return
childIsActive
||
grandChildIsActive
}
return
false
}
</
script
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录