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

@@ -177,7 +177,7 @@ export default defineComponent({
return () => {
const {
showLogo,
menuSetting: { type: menuType, mode, theme, collapsed },
menuSetting: { type: menuType, mode, theme, collapsed, collapsedShowTitle },
} = unref(getProjectConfigRef);
const isSidebarType = menuType === MenuTypeEnum.SIDEBAR;
@@ -190,6 +190,7 @@ export default defineComponent({
type={menuType}
mode={props.menuMode || mode}
class="layout-menu"
collapsedShowTitle={collapsedShowTitle}
theme={themeData}
showLogo={isShowLogo}
search={unref(showSearchRef) && !collapsed}

View File

@@ -208,7 +208,14 @@ export default defineComponent({
const {
contentMode,
headerSetting: { fixed },
menuSetting: { hasDrag, collapsed, showSearch, menuWidth, topMenuAlign } = {},
menuSetting: {
hasDrag,
collapsed,
showSearch,
menuWidth,
topMenuAlign,
collapsedShowTitle,
} = {},
} = appStore.getProjectConfig;
return [
renderSwitchItem('侧边菜单拖拽', {
@@ -232,6 +239,13 @@ export default defineComponent({
def: collapsed,
disabled: !unref(getShowMenuRef),
}),
renderSwitchItem('折叠菜单显示名称', {
handler: (e) => {
baseHandler('collapsedShowTitle', e);
},
def: collapsedShowTitle,
disabled: !unref(getShowMenuRef) || !collapsed,
}),
renderSwitchItem('固定header', {
handler: (e) => {
@@ -449,6 +463,13 @@ export default defineComponent({
},
};
}
if (event === 'collapsedShowTitle') {
config = {
menuSetting: {
collapsedShowTitle: value,
},
};
}
if (event === 'lockTime') {
config = {
lockTime: value,