Commit 5753b452 authored by baiyaaaaa's avatar baiyaaaaa Committed by 杨奕

fix fast click on submenu collapse bug

parent 9ed9336d
...@@ -90,8 +90,6 @@ ...@@ -90,8 +90,6 @@
& > .el-tree-node__children { & > .el-tree-node__children {
overflow: hidden; overflow: hidden;
background-color: transparent; background-color: transparent;
/** padding-left: 16px; */
display: none;
} }
&.is-expanded > .el-tree-node__children { &.is-expanded > .el-tree-node__children {
......
class Transition { class Transition {
beforeEnter(el) { beforeEnter(el) {
if (!el.dataset) el.dataset = {}; if (!el.dataset) el.dataset = {};
el.dataset.oldPaddingTop = el.style.paddingTop; el.dataset.oldPaddingTop = el.style.paddingTop;
el.dataset.oldPaddingBottom = el.style.paddingBottom; el.dataset.oldPaddingBottom = el.style.paddingBottom;
el.dataset.oldDisplay = el.style.display;
el.style.height = '0'; el.style.height = '0';
el.style.paddingTop = 0; el.style.paddingTop = 0;
el.style.paddingBottom = 0; el.style.paddingBottom = 0;
...@@ -11,8 +12,6 @@ class Transition { ...@@ -11,8 +12,6 @@ class Transition {
enter(el) { enter(el) {
el.dataset.oldOverflow = el.style.overflow; el.dataset.oldOverflow = el.style.overflow;
el.style.display = 'block';
if (el.scrollHeight !== 0) { if (el.scrollHeight !== 0) {
el.style.height = el.scrollHeight + 'px'; el.style.height = el.scrollHeight + 'px';
el.style.paddingTop = el.dataset.oldPaddingTop; el.style.paddingTop = el.dataset.oldPaddingTop;
...@@ -27,7 +26,6 @@ class Transition { ...@@ -27,7 +26,6 @@ class Transition {
} }
afterEnter(el) { afterEnter(el) {
el.style.display = '';
el.style.height = ''; el.style.height = '';
el.style.overflow = el.dataset.oldOverflow; el.style.overflow = el.dataset.oldOverflow;
} }
...@@ -38,25 +36,19 @@ class Transition { ...@@ -38,25 +36,19 @@ class Transition {
el.dataset.oldPaddingBottom = el.style.paddingBottom; el.dataset.oldPaddingBottom = el.style.paddingBottom;
el.dataset.oldOverflow = el.style.overflow; el.dataset.oldOverflow = el.style.overflow;
el.style.display = 'block';
if (el.scrollHeight !== 0) {
el.style.height = el.scrollHeight + 'px'; el.style.height = el.scrollHeight + 'px';
}
el.style.overflow = 'hidden'; el.style.overflow = 'hidden';
} }
leave(el) { leave(el) {
if (el.scrollHeight !== 0) { if (el.scrollHeight !== 0) {
setTimeout(() => {
el.style.height = 0; el.style.height = 0;
el.style.paddingTop = 0; el.style.paddingTop = 0;
el.style.paddingBottom = 0; el.style.paddingBottom = 0;
});
} }
} }
afterLeave(el) { afterLeave(el) {
el.style.display = el.dataset.oldDisplay;
el.style.height = ''; el.style.height = '';
el.style.overflow = el.dataset.oldOverflow; el.style.overflow = el.dataset.oldOverflow;
el.style.paddingTop = el.dataset.oldPaddingTop; el.style.paddingTop = el.dataset.oldPaddingTop;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment