@mythpe/quasar-ui-qui 0.0.79 → 0.0.81

package/package.json

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

package/src/components/form/MInput.vue

@@ -16,7 +16,7 @@ import { QField, QInput, type QInputSlots } from 'quasar'
 import { useBindInput, useMyth } from '../../composable'
 import type { MInputProps as Props } from '../../types'
 
-type P = {
+interface P {
   name: Props['name'];
   auto?: Props['auto'];
   col?: Props['col'];

package/src/types/components.d.ts

@@ -53,12 +53,12 @@ import type { MTransitionProps, MTransitionsSlots } from './api/MTransition'
 import type { MAxiosProps, MAxiosSlots } from './api/MAxios'
 import type { MSelectProps, MSelectSlots } from './api/MSelect'
 
-export interface MBtnProps extends QBtnProps {
+export type MBtnProps = QBtnProps & {
   ariaLabel?: boolean | string | null | undefined;
   nativeLabel?: boolean | undefined;
 }
 
-export interface MBtnSlots extends QBtnSlots {
+export type MBtnSlots = QBtnSlots & {
   /**
    * Use for custom content, instead of relying on 'icon' and 'label' props
    */
@@ -69,7 +69,7 @@ export interface MBtnSlots extends QBtnSlots {
   loading: () => VNode[];
 }
 
-export interface MBlockProps {
+export type MBlockProps = {
   /**
    * Size of the padding block.
    * Default: 'md'
@@ -85,7 +85,7 @@ export interface MBlockProps {
   shadow?: ThemeShadow | undefined;
 }
 
-export interface MBlockSlots {
+export type MBlockSlots = {
   default?: () => VNode[];
 }
 
@@ -122,8 +122,8 @@ export type ColStyleType =
   | 11
   | 12
 
-export interface MColProps {
-  auto?: boolean | undefined;
+export type MColProps = {
+  auto?: boolean;
   col?: ColStyleType;
   xs?: ColStyleType;
   sm?: ColStyleType;
@@ -133,29 +133,29 @@ export interface MColProps {
   name?: string;
 }
 
-export interface MColSlots {
+export type MColSlots = {
   default?: () => VNode[];
 }
 
-export interface MColumnProps {
+export type MColumnProps = {
   [key: string]: any;
 }
 
-export interface MColumnSlots {
+export type MColumnSlots = {
   default?: () => VNode[];
 }
 
-export interface MContainerProps {
+export type MContainerProps = {
   size?: ThemeSize | string | undefined;
   dense?: boolean | undefined;
   fluid?: boolean | undefined;
 }
 
-export interface MContainerSlots {
+export type MContainerSlots = {
   default?: () => VNode[];
 }
 
-export interface MRowProps {
+export type MRowProps = {
   /**
    * Default: false.
    */
@@ -166,21 +166,21 @@ export interface MRowProps {
   col?: boolean | ThemeSize | undefined;
 }
 
-export interface MRowSlots {
+export type MRowSlots = {
   default?: () => VNode[];
 }
 
-export interface MHelpRowProps extends Partial<QItemProps> {
+export type MHelpRowProps = Partial<QItemProps> & {
   text?: string | undefined;
   icon?: string | undefined;
   tooltip?: boolean | undefined;
 }
 
-export interface MHelpRowSlots {
+export type MHelpRowSlots = {
   default?: () => VNode[];
 }
 
-export interface MTypingStringProps {
+export type MTypingStringProps = {
   name: number | string;
   tag?: string;
   string: string | string[];
@@ -191,15 +191,13 @@ export interface MTypingStringProps {
   options?: Omit<TypedOptions, 'loop' | 'typeSpeed' | 'backDelay' | 'fadeOut'>;
 }
 
-export interface MTypingStringSlots {
+export type MTypingStringSlots = {
   default?: () => VNode[];
 }
 
-export interface BaseInputFieldPropContext extends FieldContext<any> {
-  //
-}
+export type BaseInputFieldPropContext = FieldContext<any>
 
-export interface BaseInputFieldProps {
+export type BaseInputFieldProps = {
   /**
    * Context of field input.
    */
@@ -207,23 +205,21 @@ export interface BaseInputFieldProps {
   label?: string | undefined;
 }
 
-export interface MInputFieldControlProps {
+export type MInputFieldControlProps = {
   [k: string]: any;
 }
 
-export interface MInputFieldControlSlots {
+export type MInputFieldControlSlots = {
   default: () => VNode[];
 }
 
-export interface MInputLabelProps extends BaseInputFieldProps {
-  //
-}
+export type MInputLabelProps = BaseInputFieldProps
 
-export interface MInputLabelSlots {
+export type MInputLabelSlots = {
   default?: () => VNode[];
 }
 
-export interface ViewModeProps {
+export type ViewModeProps = {
   /**
    * Set input to vie mode use q-field
    */
@@ -234,14 +230,14 @@ export interface ViewModeProps {
   viewModeValue?: any | undefined;
 }
 
-export interface InputHelpProps {
+export type InputHelpProps = {
   /**
    * Information text with Icon.
    */
   help?: string;
 }
 
-export interface InputHelpSlots {
+export type InputHelpSlots = {
   /**
    * VNode bottom of input & before 'bottom-input slot'.
    */
@@ -252,7 +248,7 @@ export type InputRulesContext = string | string[] | Record<string, any> | undefi
 export type InputErrorsContext = string[];
 export type InputFormErrorsContext = Record<string, InputErrorsContext> | undefined;
 
-export interface BaseInputFormProps {
+export type BaseInputFormProps = {
   /**
    * Input name.
    */
@@ -328,11 +324,9 @@ export interface BaseInputFormProps {
   useChoice?: boolean | string;
 }
 
-export interface BaseInputsProps extends ViewModeProps, InputHelpProps, Omit<MColProps, 'name'>, BaseInputFormProps {
-  //
-}
+export type BaseInputsProps = ViewModeProps & InputHelpProps & Omit<MColProps, 'name'> & BaseInputFormProps
 
-export interface BaseInputsSlots extends InputHelpSlots {
+export type BaseInputsSlots = InputHelpSlots & {
   /**
    * VNode top of input & top of 'top label slot'.
    */
@@ -355,15 +349,11 @@ export interface BaseInputsSlots extends InputHelpSlots {
   'bottom-input': () => VNode[];
 }
 
-export interface MInputProps extends Omit<QInputProps, 'rules' | 'name' | 'modelValue' | 'label' | 'hint'>, BaseInputsProps {
-  //
-}
+export type MInputProps = Omit<QInputProps, 'rules' | 'name' | 'modelValue' | 'label' | 'hint'> & BaseInputsProps
 
-export interface MInputSlots extends QInputSlots, QFieldSlots, BaseInputsSlots {
-  //
-}
+export type MInputSlots = QInputSlots & QFieldSlots & BaseInputsSlots
 
-export interface MPasswordProps extends MInputProps {
+export type MPasswordProps = MInputProps & {
   /**
    * icon prepend it to password input.
    */
@@ -374,29 +364,23 @@ export interface MPasswordProps extends MInputProps {
   noToggle?: boolean | undefined;
 }
 
-export interface MEditorProps extends Omit<QEditorProps, 'modelValue' | 'placeholder'>, BaseInputsProps {
-  //
-}
+export type MEditorProps = Omit<QEditorProps, 'modelValue' | 'placeholder'> & BaseInputsProps
 
-export interface MEditorSlots extends QEditorSlots, BaseInputsSlots {
-  //
-}
+export type MEditorSlots = QEditorSlots & BaseInputsSlots
 
-export interface MFileProps extends Omit<QFileProps, 'modelValue' | 'rules' | 'name' | 'label' | 'hint'>, Omit<BaseInputsProps, 'autocomplete'> {
-  accept?: string | undefined;
-  images?: boolean | string;
-  svg?: boolean | string;
-  video?: boolean | string;
-  pdf?: boolean | string;
-  excel?: boolean | string;
-  dragDrop?: boolean | undefined;
+export type MFileProps = Omit<QFileProps, 'modelValue' | 'rules' | 'name' | 'label' | 'hint'> & Omit<BaseInputsProps, 'autocomplete'> & {
+  accept?: string | undefined
+  images?: boolean | string
+  svg?: boolean | string
+  video?: boolean | string
+  pdf?: boolean | string
+  excel?: boolean | string
+  dragDrop?: boolean | undefined
 }
 
-export interface MFileSlots extends QFileSlots, BaseInputsSlots {
-  //
-}
+export type MFileSlots = QFileSlots & BaseInputsSlots
 
-export interface BaseCheckboxProps extends Omit<BaseInputsProps, 'topLabel'> {
+export type BaseCheckboxProps = Omit<BaseInputsProps, 'topLabel'> & {
   /**
    * Input row props.
    */
@@ -407,11 +391,9 @@ export interface BaseCheckboxProps extends Omit<BaseInputsProps, 'topLabel'> {
   colProps?: Record<string, any>;
 }
 
-export interface MCheckboxProps extends BaseCheckboxProps, Omit<QCheckboxProps, 'name' | 'modelValue' | 'label'> {
-  //
-}
+export type MCheckboxProps = BaseCheckboxProps & Omit<QCheckboxProps, 'name' | 'modelValue' | 'label'>
 
-export interface MCheckboxSlots extends Omit<BaseInputsSlots, 'top-label'> {
+export type MCheckboxSlots = Omit<BaseInputsSlots & 'top-label'> & {
   /**
    * VNode before field main content.
    */
@@ -422,17 +404,11 @@ export interface MCheckboxSlots extends Omit<BaseInputsSlots, 'top-label'> {
   after: () => VNode[];
 }
 
-export interface MRadioProps extends Omit<QRadioProps, 'name' | 'modelValue' | 'label'>, BaseCheckboxProps {
-  //
-}
+export type MRadioProps = Omit<QRadioProps, 'name' | 'modelValue' | 'label'> & BaseCheckboxProps
 
-export interface MRadioSlots extends MCheckboxSlots {
-  //
-}
+export type MRadioSlots = MCheckboxSlots
 
-export interface MPickerProps extends BaseInputsProps,
-  Omit<QDateProps, 'modelValue' | 'options'>,
-  Omit<QTimeProps, 'modelValue'> {
+export type MPickerProps = BaseInputsProps & Omit<QDateProps, 'modelValue' | 'options'> & Omit<QTimeProps, 'modelValue'> & {
   /**
    * Initial value of the picker.
    * Default is: null.
@@ -454,54 +430,38 @@ export interface MPickerProps extends BaseInputsProps,
   rangeSeparator?: string;
 }
 
-export interface MPickerSlots extends MInputSlots {
-  //
-}
+export type MPickerSlots = MInputSlots
 
-export interface MDateProps extends Omit<MPickerProps, 'type'> {
-  //
-}
+export type MDateProps = Omit<MPickerProps, 'type'>
 
-export interface MDateSlots extends MPickerSlots {
-  //
-}
+export type MDateSlots = MPickerSlots
 
-export interface MTimeProps extends Omit<MPickerProps, 'type'> {
-  //
-}
+export type MTimeProps = Omit<MPickerProps, 'type'>
 
-export interface MTimeSlots extends MPickerSlots {
-  //
-}
+export type MTimeSlots = MPickerSlots
 
-export interface MFieldProps extends Omit<MInputProps, 'viewMode' | 'viewModeValue' | 'fieldOptions'> {
-  //
-}
+export type MFieldProps = Omit<MInputProps, 'viewMode' | 'viewModeValue' | 'fieldOptions'>
 
-export interface MFieldSlots extends MInputSlots {
-  //
-}
+export type MFieldSlots = MInputSlots
 
-export interface MHiddenInputSlots {
+export type MHiddenInputSlots = {
   [key: string]: () => VNode[]
 }
 
-export interface MHiddenInputProps extends Pick<BaseInputFormProps, 'rules' | 'required'> {
+export type MHiddenInputProps = Pick<BaseInputFormProps, 'rules' | 'required'> & {
   /**
    * Input name.
    */
-  name: string;
+  name: string
   /**
    * Input model value.
    */
-  modelValue?: any;
+  modelValue?: any
 }
 
-export interface MHiddenProps extends MHiddenInputProps, Pick<ViewModeProps, 'viewMode'>, Omit<MColProps, 'name'> {
-  //
-}
+export type MHiddenProps = MHiddenInputProps & Pick<ViewModeProps, 'viewMode'> & Omit<MColProps, 'name'>
 
-export interface MHiddenSlots {
+export type MHiddenSlots = {
   /**
    * Field main content
    */
@@ -510,7 +470,7 @@ export interface MHiddenSlots {
 
 export type MFormScope = FormContext;
 
-export interface MFormProps {
+export type MFormProps = {
   /**
    * Form HTML element attributes.
    */
@@ -551,13 +511,13 @@ export interface MFormProps {
   readonly padding?: boolean;
 }
 
-export interface MFormSlots {
+export type MFormSlots = {
   default: (scope: MFormScope) => VNode[];
 }
 
 export declare type GenericFormValues = Record<any, any>;
 
-export interface MOptionsOptionContext extends Omit<QToggleProps, 'modelValue'>, Omit<QRadioProps, 'modelValue'>, Omit<QCheckboxProps, 'modelValue'> {
+export type MOptionsOptionContext = Omit<QToggleProps, 'modelValue'> & Omit<QRadioProps, 'modelValue'> & Omit<QCheckboxProps, 'modelValue'> & {
   /**
    * Label to display along the component
    */
@@ -571,15 +531,15 @@ export interface MOptionsOptionContext extends Omit<QToggleProps, 'modelValue'>,
    */
   disable?: boolean;
   /**
-   * Any other props from QToggle, QCheckbox, or QRadio
+   * Any other props from QToggle & QCheckbox, or QRadio
    */
 }
 
-export interface MOptionsProps extends Omit<QOptionGroupProps, 'name' | 'modelValue' | 'options'>,
-  Omit<BaseInputsProps, 'autocomplete' | 'modelValue'> {
+export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'options'> &
+  Omit<BaseInputsProps, 'autocomplete' | 'modelValue'> & {
   modelValue?: any;
   /**
-   * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
+   * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle & QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
    */
   options?: MOptionsOptionContext[];
   /**
@@ -601,7 +561,7 @@ export interface MOptionsProps extends Omit<QOptionGroupProps, 'name' | 'modelVa
   fitWidth?: boolean;
 }
 
-export interface MOtpProps extends Omit<QInputProps, 'modelValue'> {
+export type MOtpProps = Omit<QInputProps, 'modelValue'> & {
   modelValue?: string | number;
   inputLength?: string | number;
   numeric?: boolean;
@@ -613,19 +573,17 @@ export interface MOtpProps extends Omit<QInputProps, 'modelValue'> {
   errors?: string[];
 }
 
-export interface MOtpSlots extends QInputSlots {
+export type MOtpSlots = QInputSlots & {
   default: () => VNode[];
   'before-all': () => VNode[];
   'after-all': () => VNode[];
   'after-input': () => VNode[];
 }
 
-export interface MOptionsSlots extends QOptionGroupSlots, QFieldSlots, BaseInputsSlots {
-  //
-}
+export type MOptionsSlots = QOptionGroupSlots & QFieldSlots & BaseInputsSlots
 
-export interface MToggleProps extends Omit<BaseInputsProps, 'placeholder' | 'topLabel' | 'autocomplete' | 'modelValue'>,
-  Omit<QToggleProps, 'modelValue' | 'label' | 'name'> {
+export type MToggleProps = Omit<BaseInputsProps, 'placeholder' | 'topLabel' | 'autocomplete' | 'modelValue'> &
+  Omit<QToggleProps, 'modelValue' | 'label' | 'name'> & {
   modelValue?: any;
   /**
    * Customize the label when the toggle is true.
@@ -651,9 +609,7 @@ export interface MToggleProps extends Omit<BaseInputsProps, 'placeholder' | 'top
   colProps?: Record<string, any>;
 }
 
-export interface MToggleSlots extends MCheckboxSlots, Pick<BaseInputsProps, 'topLabel'> {
-  //
-}
+export type MToggleSlots = MCheckboxSlots & Pick<BaseInputsProps, 'topLabel'>
 
 export type MUploaderMediaItem = {
   id: number;
@@ -678,7 +634,7 @@ export type MUploaderMediaItem = {
 
 export type MUploaderServiceType = Pick<HelpersStubSchema, 'getUploadAttachmentsUrl' | 'updateAttachment' | 'uploadAttachments' | 'deleteAttachment'>
 
-export interface MUploaderProps extends Omit<QUploaderProps, 'formFields' | 'headers' | 'url'>, MColProps, Pick<BaseInputsProps, 'fieldOptions'> {
+export type MUploaderProps = Omit<QUploaderProps, 'formFields' | 'headers' | 'url'> & MColProps & Pick<BaseInputsProps, 'fieldOptions'> & {
   /**
    * Name fo field input, Attachments key name.
    * Default is: 'attachments'
@@ -792,7 +748,7 @@ export interface MUploaderProps extends Omit<QUploaderProps, 'formFields' | 'hea
   mediaLabel?: string | undefined;
 }
 
-export interface MUploaderSlots extends QUploaderSlots {
+export type MUploaderSlots = QUploaderSlots & {
   /**
    * Field main content
    */