vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #3535

pull/3539/head
Tuğçe Küçükoğlu 2023-01-16 09:46:20 +03:00
parent c7996102f5
commit af15e851e9
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/sidebar/Sidebar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<Portal> <Portal>
<div v-if="containerVisible" :ref="maskRef" :class="maskClass" @mousedown="onMaskClick"> <div v-if="containerVisible" :ref="maskRef" :class="maskClass" @mousedown="onMaskClick">
<transition name="p-sidebar" @enter="onEnter" @before-leave="onBeforeLeave" @leave="onLeave" @after-leave="onAfterLeave" appear> <transition name="p-sidebar" @enter="onEnter" @after-enter="onAfterEnter" @before-leave="onBeforeLeave" @leave="onLeave" @after-leave="onAfterLeave" appear>
<div v-if="visible" :ref="containerRef" v-focustrap :class="containerClass" role="complementary" :aria-modal="modal" @keydown="onKeydown" v-bind="$attrs"> <div v-if="visible" :ref="containerRef" v-focustrap :class="containerClass" role="complementary" :aria-modal="modal" @keydown="onKeydown" v-bind="$attrs">
<div :ref="headerContainerRef" class="p-sidebar-header"> <div :ref="headerContainerRef" class="p-sidebar-header">
<div v-if="$slots.header" class="p-sidebar-header-content"> <div v-if="$slots.header" class="p-sidebar-header-content">
@ -95,14 +95,15 @@ export default {
methods: { methods: {
hide() { hide() {
this.$emit('update:visible', false); this.$emit('update:visible', false);
this.unbindOutsideClickListener(); this.unbindOutsideClickListener();
this.blockScroll && DomHandler.removeClass(document.body, 'p-overflow-hidden');
if (this.blockScroll) {
DomHandler.removeClass(document.body, 'p-overflow-hidden');
}
}, },
onEnter() { onEnter() {
this.$emit('show'); this.$emit('show');
this.focus(); this.focus();
this.bindOutsideClickListener();
if (this.autoZIndex) { if (this.autoZIndex) {
ZIndexUtils.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal); ZIndexUtils.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);
@ -112,8 +113,13 @@ export default {
DomHandler.addClass(document.body, 'p-overflow-hidden'); DomHandler.addClass(document.body, 'p-overflow-hidden');
} }
}, },
onAfterEnter() {
this.bindOutsideClickListener();
},
onBeforeLeave() { onBeforeLeave() {
DomHandler.addClass(this.mask, 'p-component-overlay-leave'); if (this.modal) {
DomHandler.addClass(this.mask, 'p-component-overlay-leave');
}
}, },
onLeave() { onLeave() {
this.$emit('hide'); this.$emit('hide');