github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Menu: improve vertical collapse transition (#9777)

pull/9780/head
baiyaaaaa 2018-02-11 16:21:13 +08:00 committed by 杨奕
parent 610723ea00
commit c4ac575f3c
1 changed files with 8 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/menu/src/menu.vue
View File

@ -61,8 +61,13 @@
if (hasClass(el, 'el-menu--collapse')) { if (hasClass(el, 'el-menu--collapse')) {
removeClass(el, 'el-menu--collapse'); removeClass(el, 'el-menu--collapse');
el.dataset.oldOverflow = el.style.overflow; el.dataset.oldOverflow = el.style.overflow;
el.dataset.scrollWidth = el.scrollWidth; el.dataset.scrollWidth = el.clientWidth;
addClass(el, 'el-menu--collapse'); addClass(el, 'el-menu--collapse');
} else {
addClass(el, 'el-menu--collapse');
el.dataset.oldOverflow = el.style.overflow;
el.dataset.scrollWidth = el.clientWidth;
removeClass(el, 'el-menu--collapse');
} }
el.style.width = el.scrollWidth + 'px'; el.style.width = el.scrollWidth + 'px';
@ -70,23 +75,8 @@
}, },
leave(el) { leave(el) {
if (!hasClass(el, 'el-menu--collapse')) { addClass(el, 'horizontal-collapse-transition');
addClass(el, 'horizontal-collapse-transition'); el.style.width = el.dataset.scrollWidth + 'px';
el.style.width = '64px';
} else {
addClass(el, 'horizontal-collapse-transition');
el.style.width = el.dataset.scrollWidth + 'px';
}
},
afterLeave(el) {
removeClass(el, 'horizontal-collapse-transition');
if (hasClass(el, 'el-menu--collapse')) {
el.style.width = el.dataset.scrollWidth + 'px';
} else {
el.style.width = '64px';
}
el.style.overflow = el.dataset.oldOverflow;
} }
} }
}; };