feat(menu): 添加菜单项隐藏功能

- 在 ElSubMenu 组件中添加 popperClass 属性,根据菜单是否折叠来决定是否隐藏- 在样式中添加 .hide-popper 类,用于隐藏菜单项
This commit is contained in:
ikmkj
2025-07-31 18:50:52 +08:00
parent b95ca5678a
commit 384ac43370

View File

@@ -448,7 +448,10 @@ const renderMenu = (item) => {
});
if (item.children && item.children.length > 0) {
return h(ElSubMenu, { index: `group-${item.id}` }, {
return h(ElSubMenu, {
index: `group-${item.id}`,
popperClass: isCollapsed.value ? 'hide-popper' : ''
}, {
title: () => h('div', { onClick: () => selectFile(item), style: 'width: 100%;' }, [ wrappedContent() ]),
default: () => item.children.map(child => renderMenu(child))
});
@@ -837,6 +840,10 @@ watch(activeMenu, (newVal) => {
background-color: var(--primary-color-light) !important;
}
.hide-popper {
display: none !important;
}
/* 移除预览中代码块的内部滚动条 */
.markdown-preview .vditor-reset pre {
max-height: none !important;