@mythpe/quasar-ui-qui 0.1.51 → 0.1.53

package/package.json

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

package/src/components/form/MOptions.vue

@@ -17,7 +17,7 @@ import { reactive, toValue, useTemplateRef } from 'vue'
 import { QField, QOptionGroup, type QOptionGroupSlots } from 'quasar'
 import { useBindInput, useMyth } from '../../composable'
 
-type P = {
+interface P {
   name: Props['name'];
   auto?: Props['auto'];
   col?: Props['col'];
@@ -137,13 +137,14 @@ defineOptions({
           :text="help"
           tooltip
         />
-        <MTransition>
+        <template v-if="loading">
+          <div class="flex-break" />
           <q-spinner-dots
-            v-if="loading"
+            class="q-mt-lg q-ml-lg"
             color="primary"
-            size="25px"
+            size="22px"
           />
-        </MTransition>
+        </template>
       </MInputLabel>
     </slot>
     <slot name="caption">

package/src/types/components.d.ts

@@ -518,7 +518,7 @@ export type MFormSlots = {
 
 export declare type GenericFormValues = Record<any, any>;
 
-export type MOptionsOptionContext = Omit<QToggleProps, 'modelValue'> & Omit<QRadioProps, 'modelValue'> & Omit<QCheckboxProps, 'modelValue'> & {
+export interface MOptionsOptionContext extends Omit<QToggleProps, 'modelValue'>, Omit<QRadioProps, 'modelValue'>, Omit<QCheckboxProps, 'modelValue'> {
   /**
    * Label to display along the component
    */
@@ -531,9 +531,11 @@ export type MOptionsOptionContext = Omit<QToggleProps, 'modelValue'> & Omit<QRad
    * If true, the option will be disabled
    */
   disable?: boolean;
+
   /**
    * Any other props from QToggle & QCheckbox, or QRadio
    */
+  [key: string]: any;
 }
 
 export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'options'> &