Commit cd35d3e0d16cb57cb15c2ca20c8a663f21e4bfbf
1 parent
9f8796ee
fix: fix the occupancy problem of the folding button (#90)
Showing
4 changed files
with
16 additions
and
8 deletions
CHANGELOG.zh_CN.md
package.json
@@ -23,7 +23,7 @@ | @@ -23,7 +23,7 @@ | ||
23 | "dependencies": { | 23 | "dependencies": { |
24 | "@iconify/iconify": "^2.0.0-rc.2", | 24 | "@iconify/iconify": "^2.0.0-rc.2", |
25 | "@vueuse/core": "^4.0.0-beta.41", | 25 | "@vueuse/core": "^4.0.0-beta.41", |
26 | - "ant-design-vue": "^2.0.0-beta.15", | 26 | + "ant-design-vue": "^2.0.0-rc.1", |
27 | "apexcharts": "3.22.0", | 27 | "apexcharts": "3.22.0", |
28 | "axios": "^0.21.0", | 28 | "axios": "^0.21.0", |
29 | "echarts": "^4.9.0", | 29 | "echarts": "^4.9.0", |
src/layouts/default/header/LayoutHeader.tsx
@@ -119,6 +119,9 @@ export default defineComponent({ | @@ -119,6 +119,9 @@ export default defineComponent({ | ||
119 | 119 | ||
120 | const width = unref(widthRef); | 120 | const width = unref(widthRef); |
121 | 121 | ||
122 | + const showLeft = | ||
123 | + (mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu) || | ||
124 | + unref(showHeaderTrigger); | ||
122 | return ( | 125 | return ( |
123 | <Layout.Header class={['layout-header', 'flex p-0 px-4 ', unref(headerClass)]}> | 126 | <Layout.Header class={['layout-header', 'flex p-0 px-4 ', unref(headerClass)]}> |
124 | {() => ( | 127 | {() => ( |
@@ -128,12 +131,16 @@ export default defineComponent({ | @@ -128,12 +131,16 @@ export default defineComponent({ | ||
128 | <Logo class={`layout-header__logo`} theme={headerTheme} /> | 131 | <Logo class={`layout-header__logo`} theme={headerTheme} /> |
129 | )} | 132 | )} |
130 | 133 | ||
131 | - <div class="layout-header__left"> | ||
132 | - {unref(showHeaderTrigger) && <LayoutTrigger theme={headerTheme} sider={false} />} | ||
133 | - {mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( | ||
134 | - <LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> | ||
135 | - )} | ||
136 | - </div> | 134 | + {showLeft && ( |
135 | + <div class="layout-header__left"> | ||
136 | + {unref(showHeaderTrigger) && ( | ||
137 | + <LayoutTrigger theme={headerTheme} sider={false} /> | ||
138 | + )} | ||
139 | + {mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( | ||
140 | + <LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> | ||
141 | + )} | ||
142 | + </div> | ||
143 | + )} | ||
137 | 144 | ||
138 | {unref(showTopMenu) && ( | 145 | {unref(showTopMenu) && ( |
139 | <div | 146 | <div |
yarn.lock
@@ -1850,7 +1850,7 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0: | @@ -1850,7 +1850,7 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0: | ||
1850 | dependencies: | 1850 | dependencies: |
1851 | color-convert "^2.0.1" | 1851 | color-convert "^2.0.1" |
1852 | 1852 | ||
1853 | -ant-design-vue@^2.0.0-beta.15: | 1853 | +ant-design-vue@^2.0.0-rc.1: |
1854 | version "2.0.0-rc.1" | 1854 | version "2.0.0-rc.1" |
1855 | resolved "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-2.0.0-rc.1.tgz#2ef02475f3aa4c1474f2fe3cf44a52c34787be02" | 1855 | resolved "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-2.0.0-rc.1.tgz#2ef02475f3aa4c1474f2fe3cf44a52c34787be02" |
1856 | integrity sha512-iKXkFtTHarvLHV7LWmYh6g/Cmkv+xK+vS621A1Qvg37Z6lCGg3K9BGAizmklAYzOTiPz0Ltt63eSiNqYMGh52g== | 1856 | integrity sha512-iKXkFtTHarvLHV7LWmYh6g/Cmkv+xK+vS621A1Qvg37Z6lCGg3K9BGAizmklAYzOTiPz0Ltt63eSiNqYMGh52g== |