@mythpe/quasar-ui-qui 0.3.19 → 0.3.20

package/package.json

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

package/src/components/form/MInput.vue

@@ -49,6 +49,9 @@ interface P {
   appendIconProps?: Props['appendIconProps'];
   copy?: Props['copy'];
   type?: Props['type'];
+  ltr?: Props['ltr'];
+  rtl?: Props['rtl'];
+  inputClass?: Props['ltr'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -82,7 +85,10 @@ const props = withDefaults(defineProps<P>(), {
   appendIcon: undefined,
   appendIconProps: undefined,
   copy: undefined,
-  type: undefined
+  type: undefined,
+  ltr: undefined,
+  rtl: undefined,
+  inputClass: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const { __, props: pluginOptions, formatMoney, copyText } = useMyth()
@@ -120,6 +126,16 @@ const sarValue = computed<string | null>(() => {
   }
 })
 const computedViewModeValue = computed<any>(() => props.viewModeValue ?? value.value)
+const computedInputClass = computed(() => {
+  const classes: any[] = [props.inputClass]
+  if (props.ltr) {
+    classes.push('ltr')
+  }
+  if (props.rtl) {
+    classes.push('rtl')
+  }
+  return classes
+})
 defineExpose<typeof scopes & { input: typeof input }>({ input, ...scopes })
 defineOptions({
   name: 'MInput',
@@ -187,6 +203,7 @@ defineOptions({
         modelValue: value,
         placeholder: getPlaceholder,
         type,
+        inputClass: computedInputClass,
       }"
       v-on="listeners"
     >

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

@@ -159,6 +159,14 @@ export interface MInputProps extends Omit<QInputProps, 'rules' | 'name' | 'model
    * Default: false.
    */
   copy?: boolean;
+  /**
+   * Add ltr class to input-class
+   */
+  ltr?: boolean;
+  /**
+   * Add rtl class to input-class
+   */
+  rtl?: boolean;
 }
 
 export type MInputSlots = QInputSlots & QFieldSlots & BaseInputsSlots