@mythpe/quasar-ui-qui 0.3.41 → 0.3.43

package/package.json

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

package/src/components/form/MInput.vue

@@ -52,44 +52,10 @@ interface P {
   ltr?: Props['ltr'];
   rtl?: Props['rtl'];
   inputClass?: Props['inputClass'];
+  viewModeClass?: Props['viewModeClass'];
 }
 
-const props = withDefaults(defineProps<P>(), {
-  name: () => '',
-  auto: undefined,
-  col: undefined,
-  xs: undefined,
-  sm: undefined,
-  md: undefined,
-  lg: undefined,
-  xl: undefined,
-  label: undefined,
-  caption: undefined,
-  hint: undefined,
-  placeholder: undefined,
-  help: undefined,
-  required: undefined,
-  rules: undefined,
-  viewMode: undefined,
-  viewModeValue: undefined,
-  autocomplete: undefined,
-  topLabel: undefined,
-  fieldOptions: undefined,
-  clearable: undefined,
-  mobile: undefined,
-  email: undefined,
-  float: undefined,
-  sar: undefined,
-  prependIcon: undefined,
-  prependIconProps: undefined,
-  appendIcon: undefined,
-  appendIconProps: undefined,
-  copy: undefined,
-  type: undefined,
-  ltr: undefined,
-  rtl: undefined,
-  inputClass: undefined
-})
+const props = defineProps<P>()
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const { __, props: pluginOptions, formatMoney, copyText } = useMyth()
 const helper = useBindInput<Props>(() => props, 'input')
@@ -189,8 +155,7 @@ defineOptions({
     <component
       :is="viewMode ? QField : QInput"
       ref="input"
-      :class="{'m-input__sar': sar}"
-      class="m-input"
+      :class="['m-input',{'m-input__sar': sar}]"
       v-bind="{
         ...$attrs,
         ...theme,
@@ -254,7 +219,7 @@ defineOptions({
         #control
       >
         <slot name="control">
-          <MInputFieldControl>
+          <MInputFieldControl :class="viewModeClass">
             <MSarString
               v-if="sar"
               :text="sarValue"

package/src/components/form/MSelect.vue

@@ -248,6 +248,7 @@ defineOptions({
     <component
       :is="viewMode ? QField : QSelect"
       ref="input"
+      class="m-select"
       popup-content-class="m-select__popup-content"
       v-bind="{
         behavior: $q.platform.is.ios === !0 ? 'dialog' : behavior,

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

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import type { QFieldSlots, QIconProps, QInputProps, QInputSlots } from 'quasar'
+import type { QFieldSlots, QIconProps, QInputProps, QInputSlots, VueClassProp } from 'quasar'
 import type { MaybeRefOrGetter, UnwrapNestedRefs, VNode } from 'vue'
 import type { MColProps } from './MCol'
 import type { FieldContext, FieldOptions } from 'vee-validate'
@@ -28,6 +28,10 @@ export type ViewModeProps = {
    * View Mode value for input or modelValue.
    */
   viewModeValue?: any | undefined;
+  /**
+   * View Mode class for input.
+   */
+  viewModeClass: VueClassProp | undefined;
 }
 export type InputHelpProps = {
   /**