@mythpe/quasar-ui-qui 0.2.18 → 0.2.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/transition/useTransition.ts

@@ -6,15 +6,19 @@
  * Github: https://github.com/mythpe
  */
 
-import { useMyth } from '../../composable'
-
 export function useTransition (props: any) {
-  const { theme } = useMyth()
   const getClasses = (mode: 'in' | 'out') => {
-    const classes: string[] = ['animated']
-    const defMode = mode === 'in' ? theme.value.inTransition : theme.value.outTransition
-    const activeClass = mode === 'in' ? (props.enterActiveClass || props.in) : (props.leaveActiveClass || props.out)
-    classes.push(activeClass || defMode)
+    if (mode === 'in' && props.enterActiveClass) {
+      return `animated ${props.enterActiveClass}`
+    }
+    if (mode === 'out' && props.leaveActiveClass) {
+      return `animated ${props.leaveActiveClass}`
+    }
+    const activeClass = props[mode]
+    if (!activeClass) {
+      return undefined
+    }
+    const classes: string[] = ['animated', activeClass]
     const keys = [
       `${mode}Slower`,
       `${mode}Slow`,

package/src/types/api/MTransition.d.ts

@@ -109,14 +109,14 @@ export type TransitionDelay = boolean | string | number;
 export type TransitionRepeat = boolean | string | number;
 
 interface BaseTransitionProps {
-  in?: TransitionClass;
+  in?: TransitionClass | null;
   inSlower?: boolean;
   inSlow?: boolean;
   inFast?: boolean;
   inFaster?: boolean;
   inDelay?: TransitionDelay;
   inRepeat?: TransitionRepeat;
-  out?: TransitionClass;
+  out?: TransitionClass | null;
   outSlower?: boolean;
   outSlow?: boolean;
   outFast?: boolean;