mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-08-27 19:29:04 +08:00
feat: add collapsedShowTitle setting
This commit is contained in:
@@ -152,7 +152,13 @@ export default defineComponent({
|
||||
const { appendClass } = props;
|
||||
const levelCls = `basic-menu-item__level${index} ${menuState.theme} `;
|
||||
|
||||
const showTitle = props.isAppMenu ? !menuStore.getCollapsedState : true;
|
||||
const showTitle = computed(() => {
|
||||
if (!props.isAppMenu) return true;
|
||||
if (!props.collapsedShowTitle) {
|
||||
return !menuStore.getCollapsedState;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
return menuList.map((menu) => {
|
||||
if (!menu) {
|
||||
return null;
|
||||
@@ -172,7 +178,7 @@ export default defineComponent({
|
||||
<MenuContent
|
||||
item={menu}
|
||||
level={index}
|
||||
showTitle={showTitle}
|
||||
showTitle={unref(showTitle)}
|
||||
searchValue={menuState.searchValue}
|
||||
/>,
|
||||
]}
|
||||
@@ -184,7 +190,7 @@ export default defineComponent({
|
||||
{{
|
||||
title: () => [
|
||||
<MenuContent
|
||||
showTitle={showTitle}
|
||||
showTitle={unref(showTitle)}
|
||||
item={menu}
|
||||
level={index}
|
||||
searchValue={menuState.searchValue}
|
||||
@@ -218,7 +224,11 @@ export default defineComponent({
|
||||
inlineIndent={props.inlineIndent}
|
||||
theme={unref(theme)}
|
||||
onOpenChange={handleOpenChange}
|
||||
class={['basic-menu', unref(transparentMenuClass)]}
|
||||
class={[
|
||||
'basic-menu',
|
||||
props.collapsedShowTitle && 'collapsed-show-title',
|
||||
unref(transparentMenuClass),
|
||||
]}
|
||||
{...inlineCollapsedObj}
|
||||
>
|
||||
{{
|
||||
|
@@ -14,6 +14,15 @@
|
||||
}
|
||||
|
||||
.basic-menu {
|
||||
&.collapsed-show-title.ant-menu-inline-collapsed {
|
||||
& > li > .ant-menu-submenu-title {
|
||||
display: flex;
|
||||
margin-top: 12px;
|
||||
font-size: 12px;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
&__wrap {
|
||||
/* 滚动槽 */
|
||||
&::-webkit-scrollbar {
|
||||
|
@@ -11,6 +11,10 @@ export const basicProps = {
|
||||
type: Boolean as PropType<boolean>,
|
||||
default: false,
|
||||
},
|
||||
collapsedShowTitle: {
|
||||
type: Boolean as PropType<boolean>,
|
||||
default: false,
|
||||
},
|
||||
flatItems: {
|
||||
type: Array as PropType<Menu[]>,
|
||||
default: () => [],
|
||||
|
@@ -199,6 +199,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @description: 设置modal参数
|
||||
*/
|
||||
|
Reference in New Issue
Block a user