feat: add collapsedShowTitle setting

This commit is contained in:
vben
2020-10-19 22:47:44 +08:00
parent a3b7a6537a
commit 5737e478f6
8 changed files with 55 additions and 6 deletions

View File

@@ -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}
>
{{

View File

@@ -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 {

View File

@@ -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: () => [],

View File

@@ -199,6 +199,7 @@ export default defineComponent({
}
}
}
/**
* @description: 设置modal参数
*/