@mythpe/quasar-ui-qui 0.3.6 → 0.3.8

package/package.json

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

package/src/components/form/MAxios.vue

@@ -33,6 +33,7 @@ type P = {
   byId?: Props['byId'];
   searchLength?: Props['searchLength'];
   required?: Props['required'];
+  multiple?: Props['multiple'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -49,7 +50,8 @@ const props = withDefaults(defineProps<P>(), {
   useChoice: undefined,
   byId: undefined,
   searchLength: undefined,
-  required: undefined
+  required: undefined,
+  multiple: undefined
 })
 const modelValue = defineModel<Props['modelValue']>({ required: !1, default: undefined })
 type Emits = {
@@ -139,7 +141,9 @@ onMounted(() => {
     prepare()
   } else {
     if (fieldValue.value) {
-      const id = typeof fieldValue.value !== 'object' ? fieldValue.value : fieldValue.value?.value as any
+      const id = typeof fieldValue.value !== 'object' ? fieldValue.value : (
+        props.multiple ? fieldValue.value.map((v: any) => v.value) : fieldValue.value.value
+      )
       setTimeout(() => {
         prepare(!1, { filter: { id } })
       }, 300)
@@ -159,6 +163,7 @@ defineOptions({ name: 'MAxios', inheritAttrs: !1 })
     v-model:loading="loading"
     v-model:search="search"
     :label="label"
+    :multiple="multiple"
     :name="name"
     :options="items"
     :placeholder="placeholder"

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 }
-}