element-plus/es/hooks/use-transition-fallthrough/index.js

A Component Library for Vue 3

import { getCurrentInstance } from 'vue';
const AFTER_APPEAR = 'after-appear';
const AFTER_ENTER = 'after-enter';
const AFTER_LEAVE = 'after-leave';
const APPEAR = 'appear';
const APPEAR_CANCELLED = 'appear-cancelled';
const BEFORE_ENTER = 'before-enter';
const BEFORE_LEAVE = 'before-leave';
const ENTER = 'enter';
const ENTER_CANCELLED = 'enter-cancelled';
const LEAVE = 'leave';
const LEAVE_CANCELLED = 'leave-cancelled';
export const useTransitionFallthroughEmits = [
    AFTER_APPEAR,
    AFTER_ENTER,
    AFTER_LEAVE,
    APPEAR,
    APPEAR_CANCELLED,
    BEFORE_ENTER,
    BEFORE_LEAVE,
    ENTER,
    ENTER_CANCELLED,
    LEAVE,
    LEAVE_CANCELLED,
];
export const useTransitionFallthrough = () => {
    const { emit } = getCurrentInstance();
    return {
        onAfterAppear: () => {
            emit(AFTER_APPEAR);
        },
        onAfterEnter: () => {
            emit(AFTER_ENTER);
        },
        onAfterLeave: () => {
            emit(AFTER_LEAVE);
        },
        onAppearCancelled: () => {
            emit(APPEAR_CANCELLED);
        },
        onBeforeEnter: () => {
            emit(BEFORE_ENTER);
        },
        onBeforeLeave: () => {
            emit(BEFORE_LEAVE);
        },
        onEnter: () => {
            emit(ENTER);
        },
        onEnterCancelled: () => {
            emit(ENTER_CANCELLED);
        },
        onLeave: () => {
            emit(LEAVE);
        },
        onLeaveCancelled: () => {
            emit(LEAVE_CANCELLED);
        },
    };
};