@mythpe/quasar-ui-qui 0.3.7 → 0.3.8

package/package.json

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

package/src/composable/useMyth.ts

@@ -290,7 +290,28 @@ export const useMyth = () => {
     }
     return `${attr} ${value};`
   }
+  const dimension = (options?: {
+    width?: string | number;
+    height?: string | number;
+    ratio?: string | number;
+  }): number | null => {
+    const is = (v: any): v is number | string => v !== undefined && v !== null
+    let { width, height, ratio } = options || {}
+    ratio = is(ratio) ? (typeof ratio === 'string' ? parseFloat(ratio) : ratio) : undefined
+    height = is(height) ? (typeof height === 'string' ? parseFloat(height) : height) : undefined
+    width = is(width) ? (typeof width === 'string' ? parseFloat(width) : width) : undefined
+    if (is(width) && is(height)) {
+      return width / height
+    }
+    if (is(ratio) && is(height)) {
+      return ratio * height
+    }
+    if (is(ratio) && is(width)) {
+      return width / ratio
+    }
 
+    return null
+  }
   return {
     __,
     getPageTitle,
@@ -306,6 +327,7 @@ export const useMyth = () => {
     veeRules,
     isSmall,
     colorStyle,
+    dimension,
     ...plugin
   }
 }

package/src/composable/useColor.ts

@@ -1,6 +0,0 @@
-export const useColor = () => {
-  const toColors = (color: any) => {
-
-  }
-  return { toColors }
-}