refactor(CBackdrop): update transitions

Author: mrholek

packages/coreui-vue/src/components/backdrop/CBackdrop.ts

@@ -1,6 +1,4 @@
-import { defineComponent, h, RendererElement, Transition } from 'vue'
-
-import { executeAfterTransition } from '../../utils/transition'
+import { defineComponent, h, Transition } from 'vue'
 
 const CBackdrop = defineComponent({
   name: 'CBackdrop',
@@ -14,35 +12,16 @@ const CBackdrop = defineComponent({
     },
   },
   setup(props) {
-    const handleBeforeEnter = (el: RendererElement) => {
-      el.classList.remove('d-none')
-    }
-
-    const handleEnter = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      setTimeout(() => {
-        el.style.visibility = 'visible'
-        el.classList.add('show')
-      }, 1)
-    }
-
-    const handleLeave = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      el.classList.remove('show')
-    }
-
-    const handleAfterLeave = (el: RendererElement) => {
-      el.classList.add('d-none')
-    }
-
     return () =>
       h(
         Transition,
         {
-          onBeforeEnter: (el) => handleBeforeEnter(el),
-          onEnter: (el, done) => handleEnter(el, done),
-          onLeave: (el, done) => handleLeave(el, done),
-          onAfterLeave: (el) => handleAfterLeave(el),
+          onEnter: (el) => {
+            el.classList.add('show')
+          },
+          onLeave: (el) => {
+            el.classList.remove('show')
+          }
         },
         () =>
           props.visible &&