@mythpe/quasar-ui-qui 0.4.74 → 0.4.76

package/package.json

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

package/src/components/form/MInput.vue

@@ -12,7 +12,7 @@
 >
 import { useField, useFieldValue } from 'vee-validate'
 import { computed, reactive, toValue, useTemplateRef } from 'vue'
-import { QField, QInput, type QInputSlots } from 'quasar'
+import { QField, QInput, type QInputSlots, useQuasar } from 'quasar'
 import { useBindInput, useMyth } from '../../composable'
 import type { MInputProps as Props } from '../../types'
 import { MSarString } from '../sar'
@@ -57,6 +57,7 @@ interface P {
 }
 
 const props = defineProps<P>()
+const $q = useQuasar()
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const { __, props: pluginOptions, formatMoney, copyText } = useMyth()
 const helper = useBindInput<Props>(() => props, 'input')
@@ -118,7 +119,15 @@ const focus = () => {
 const select = () => {
   input?.value?.select?.()
 }
-
+const isRtl = computed<boolean>(() => {
+  if (props.rtl) {
+    return true
+  }
+  if (props.ltr) {
+    return false
+  }
+  return $q.lang.rtl
+})
 defineExpose<typeof scopes & { input: typeof input; focus:() => void; select: () => void; }>({ focus, select, input, ...scopes })
 defineOptions({
   name: 'MInput',
@@ -200,6 +209,12 @@ defineOptions({
           v-bind="prependIconProps"
         />
       </template>
+      <template
+        v-else-if="sar && !viewMode && !isRtl"
+        #prepend
+      >
+        <MSarIcon />
+      </template>
       <template
         v-if="!!appendIcon"
         #append
@@ -210,7 +225,7 @@ defineOptions({
         />
       </template>
       <template
-        v-else-if="sar && !viewMode"
+        v-else-if="sar && !viewMode && isRtl"
         #append
       >
         <MSarIcon />

package/src/components/form/MOptions.vue

@@ -51,6 +51,8 @@ interface P {
   prependIconProps?: Props['prependIconProps'];
   appendIcon?: Props['appendIcon'];
   appendIconProps?: Props['appendIconProps'];
+  yesNo?: boolean;
+  genders?: boolean;
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -86,7 +88,8 @@ const props = withDefaults(defineProps<P>(), {
   prependIcon: undefined,
   prependIconProps: undefined,
   appendIcon: undefined,
-  appendIconProps: undefined
+  appendIconProps: undefined,
+  yesNo: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const loading = defineModel<Props['loading']>('loading', { required: !1, default: !1 })
@@ -112,6 +115,32 @@ const scopes = reactive(inputScope)
 defineExpose<typeof scopes & { input: typeof input }>({ input, ...scopes })
 const { alertError, __, props: pluginProps, api } = useMyth()
 const fetchData = async () => {
+  if (props.yesNo) {
+    options.value = [
+      {
+        label: __('labels.yes'),
+        value: true
+      },
+      {
+        label: __('labels.no'),
+        value: false
+      }
+    ]
+    return
+  }
+  if (props.genders) {
+    options.value = [
+      {
+        label: __('labels.male'),
+        value: 'male'
+      },
+      {
+        label: __('labels.female'),
+        value: 'female'
+      }
+    ]
+    return
+  }
   if (props.service) {
     const s = props.service
     loading.value = !0

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

@@ -58,5 +58,15 @@ export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'opt
    * Default is: 33.33333333%
    */
   fitWidth?: boolean;
+  /**
+   * Set options to yes/no.
+   * Default is: false
+   */
+  yesNo?: boolean;
+  /**
+   * Set options to male/female.
+   * Default is: false
+   */
+  genders?: boolean;
 }
 export type MOptionsSlots = QOptionGroupSlots & QFieldSlots & BaseInputsSlots