javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [collapse-transition] fixed transition canceled bug (#13358)

Browse Source 
closed #13357
This commit is contained in:
Kaine
2023-07-20 18:57:22 +08:00
committed by GitHub
parent 972c8f4ef4
commit d6da5ebdd4
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/components/collapse-transition/src/collapse-transition.vue
View File

@@ -13,6 +13,13 @@ defineOptions({
const ns = useNamespace('collapse-transition')
const reset = (el: RendererElement) => {
el.style.maxHeight = ''
el.style.overflow = el.dataset.oldOverflow
el.style.paddingTop = el.dataset.oldPaddingTop
el.style.paddingBottom = el.dataset.oldPaddingBottom
}
const on = {
beforeEnter(el: RendererElement) {
if (!el.dataset) el.dataset = {}
@@ -45,6 +52,10 @@ const on = {
el.style.overflow = el.dataset.oldOverflow
},
enterCancelled(el: RendererElement) {
reset(el)
},
beforeLeave(el: RendererElement) {
if (!el.dataset) el.dataset = {}
el.dataset.oldPaddingTop = el.style.paddingTop
@@ -64,10 +75,11 @@ const on = {
},
afterLeave(el: RendererElement) {
el.style.maxHeight = ''
el.style.overflow = el.dataset.oldOverflow
el.style.paddingTop = el.dataset.oldPaddingTop
el.style.paddingBottom = el.dataset.oldPaddingBottom
reset(el)
},
leaveCancelled(el: RendererElement) {
reset(el)
},
}
</script>