vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - For OverlayPanel

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-04-07 23:07:42 +03:00
parent 89c797bccd
commit 93e29872e9
4 changed files with 38 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/lib/overlaypanel/OverlayPanel.vue
View file

@ -6,7 +6,9 @@
<slot></slot>
</div>
<button v-if="showCloseIcon" v-ripple class="p-overlaypanel-close p-link" :aria-label="closeAriaLabel" type="button" autofocus @click="hide" @keydown="onButtonKeydown">
<span class="p-overlaypanel-close-icon pi pi-times"></span>
<slot name="closeicon">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="['p-overlaypanel-close-icon ', closeIcon]"></component>
</slot>
</button>
</div>
</transition>
@ -19,6 +21,7 @@ import OverlayEventBus from 'primevue/overlayeventbus';
import Portal from 'primevue/portal';
import Ripple from 'primevue/ripple';
import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import TimesIcon from 'primevue/icon/times';
export default {
name: 'OverlayPanel',
@ -48,6 +51,10 @@ export default {
breakpoints: {
type: Object,
default: null
},
closeIcon: {
type: String,
default: undefined
}
},
data() {
@ -315,7 +322,8 @@ export default {
ripple: Ripple
},
components: {
Portal: Portal
Portal: Portal,
TimesIcon
}
};
</script>