github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: menu cannot be collapsed by the Layout (#2819)

pull/2783/head
John60676 2020-09-17 14:51:32 +08:00 committed by GitHub
parent c78e9418a4
commit c1cfabb20e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/menu/index.jsx
View File

@ -1,4 +1,4 @@
import { inject, provide } from 'vue'; import { inject, provide, toRef } from 'vue';
import omit from 'omit.js'; import omit from 'omit.js';
import VcMenu, { Divider, ItemGroup } from '../vc-menu'; import VcMenu, { Divider, ItemGroup } from '../vc-menu';
import SubMenu from './SubMenu'; import SubMenu from './SubMenu';
@ -61,9 +61,12 @@ const Menu = {
provide('menuPropsContext', this.$props); provide('menuPropsContext', this.$props);
}, },
setup() { setup() {
const layoutSiderContext = inject('layoutSiderContext', {});
const layoutSiderCollapsed = toRef(layoutSiderContext, 'sCollapsed');
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', ConfigConsumerProps),
layoutSiderContext: inject('layoutSiderContext', {}), layoutSiderContext,
layoutSiderCollapsed,
}; };
}, },
// model: { // model: {
@ -88,7 +91,7 @@ const Menu = {
inlineCollapsed(val) { inlineCollapsed(val) {
this.collapsedChange(val); this.collapsedChange(val);
}, },
'layoutSiderContext.sCollapsed'(val) { layoutSiderCollapsed(val) {
this.collapsedChange(val); this.collapsedChange(val);
}, },
}, },