|
|
@ -119,6 +119,9 @@ export default defineComponent({ |
|
|
|
|
|
|
|
|
const width = unref(widthRef); |
|
|
const width = unref(widthRef); |
|
|
|
|
|
|
|
|
|
|
|
const showLeft = |
|
|
|
|
|
(mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu) || |
|
|
|
|
|
unref(showHeaderTrigger); |
|
|
return ( |
|
|
return ( |
|
|
<Layout.Header class={['layout-header', 'flex p-0 px-4 ', unref(headerClass)]}> |
|
|
<Layout.Header class={['layout-header', 'flex p-0 px-4 ', unref(headerClass)]}> |
|
|
{() => ( |
|
|
{() => ( |
|
|
@ -128,12 +131,16 @@ export default defineComponent({ |
|
|
<Logo class={`layout-header__logo`} theme={headerTheme} /> |
|
|
<Logo class={`layout-header__logo`} theme={headerTheme} /> |
|
|
)} |
|
|
)} |
|
|
|
|
|
|
|
|
<div class="layout-header__left"> |
|
|
{showLeft && ( |
|
|
{unref(showHeaderTrigger) && <LayoutTrigger theme={headerTheme} sider={false} />} |
|
|
<div class="layout-header__left"> |
|
|
{mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( |
|
|
{unref(showHeaderTrigger) && ( |
|
|
<LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> |
|
|
<LayoutTrigger theme={headerTheme} sider={false} /> |
|
|
)} |
|
|
)} |
|
|
</div> |
|
|
{mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( |
|
|
|
|
|
<LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> |
|
|
|
|
|
)} |
|
|
|
|
|
</div> |
|
|
|
|
|
)} |
|
|
|
|
|
|
|
|
{unref(showTopMenu) && ( |
|
|
{unref(showTopMenu) && ( |
|
|
<div |
|
|
<div |
|
|
|