@mythpe/quasar-ui-qui 0.4.75 → 0.4.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.4.75",
+  "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 />