Refactor #4231 - For Galleria

pull/4239/head
mertsincan 2023-08-02 15:01:06 +03:00
parent 8feb7efe7d
commit dea8190c64
2 changed files with 5 additions and 1 deletions

View File

@ -155,6 +155,10 @@ export interface GalleriaPassThroughOptions {
* @see {@link BaseComponent.ComponentHooks} * @see {@link BaseComponent.ComponentHooks}
*/ */
hooks?: ComponentHooks; hooks?: ComponentHooks;
/**
* Used to control Vue Transition API.
*/
transition?: any;
} }
/** /**

View File

@ -1,7 +1,7 @@
<template> <template>
<Portal v-if="fullScreen"> <Portal v-if="fullScreen">
<div v-if="containerVisible" :ref="maskRef" :class="[cx('mask'), maskClass]" :role="fullScreen ? 'dialog' : 'region'" :aria-modal="fullScreen ? 'true' : undefined" v-bind="ptm('mask')"> <div v-if="containerVisible" :ref="maskRef" :class="[cx('mask'), maskClass]" :role="fullScreen ? 'dialog' : 'region'" :aria-modal="fullScreen ? 'true' : undefined" v-bind="ptm('mask')">
<transition name="p-galleria" @before-enter="onBeforeEnter" @enter="onEnter" @before-leave="onBeforeLeave" @after-leave="onAfterLeave" appear> <transition name="p-galleria" @before-enter="onBeforeEnter" @enter="onEnter" @before-leave="onBeforeLeave" @after-leave="onAfterLeave" appear v-bind="ptm('transition')">
<GalleriaContent v-if="visible" :ref="containerRef" v-focustrap @mask-hide="maskHide" :templates="$slots" @activeitem-change="onActiveItemChange" :pt="pt" :unstyled="unstyled" v-bind="$props" /> <GalleriaContent v-if="visible" :ref="containerRef" v-focustrap @mask-hide="maskHide" :templates="$slots" @activeitem-change="onActiveItemChange" :pt="pt" :unstyled="unstyled" v-bind="$props" />
</transition> </transition>
</div> </div>