@mythpe/quasar-ui-qui 0.4.75 → 0.4.77

package/package.json

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

@@ -275,8 +275,6 @@ export const useMyth = () => {
       persistent: !0,
       cancel: {
         color: cancelProps.color || undefined,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         label: t(cancelProps?.label || 'labels.cancel'),
         outline: !0,
         ...buttonsProps as any,
@@ -284,10 +282,9 @@ export const useMyth = () => {
       },
       ok: {
         color: okProps.color || 'primary',
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         label: t(okProps?.label || 'labels.confirm'),
         outline: !1,
+        noCaps: !0,
         ...buttonsProps as any,
         ...okProps as any
       },