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

> TODO: description

import { computed, ref, watch, nextTick } from 'vue';
export const useTransitionProps = {
    transitionDuration: {
        type: Number,
        default: 0.3,
    },
    transitionShow: String,
    transitionHide: String,
};
export const useTransition = (props, indicator) => {
    const transitionState = ref(indicator.value);
    watch(indicator, val => {
        nextTick(() => transitionState.value = val);
    });
    return {
        transition: computed(() => {
            return `el-transition--${transitionState.value
                ? props.transitionShow
                : props.transitionHide}`;
        }),
        transitionStyle: computed(() => `--el-transition-duration: ${props.transitionDuration}s`),
    };
};