element3/src/utils/after-leave.js

A Component Library for Vue3

import { useEmitter } from '../composables/emitter'

/**
 * Bind after-leave event for vue instance. Make sure after-leave is called in any browsers.
 *
 * @param {Vue} instance Vue instance.
 * @param {Function} callback callback of after-leave event
 * @param {Number} speed the speed of transition, default value is 300ms
 * @param {Boolean} once weather bind after-leave once. default value is false.
 */
export default function (instance, callback, speed = 300, once = false) {
  if (!instance || !callback) {
    throw new Error('instance & callback is required')
  }

  let called = false

  const afterLeaveCallback = function () {
    if (called) {
      return
    }

    called = true

    if (callback) {
      callback.apply(null, arguments)
    }
  }

  const emitters = useEmitter(instance.$)
  if (once) {
    emitters.once('after-leave', afterLeaveCallback)
  } else {
    emitters.on('after-leave', afterLeaveCallback)
  }

  setTimeout(() => {
    afterLeaveCallback()
  }, speed + 100)
}