@mythpe/quasar-ui-qui 0.3.19 → 0.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "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/components/form/MSignaturePad.vue

@@ -212,29 +212,31 @@ watch(url, (url) => {
             name="pad"
             v-bind="{...scopes,width,height,reset,save,clear,undo,confirmed}"
           >
-            <Vue3Signature
-              v-if="!url"
-              ref="padRef"
-              :class="{'q-mx-auto': !0, 'hidden': !!$slots.pad}"
-              :clear-on-resize="clearOnResize"
-              :disabled="isDisabled"
-              :h="height"
-              :sig-option="{
-                penColor: color,
-                backgroundColor: bg
-              }"
-              :w="width"
-              :water-mark="waterMark"
-            />
-            <template v-else-if="!!url">
-              <q-img
-                :height="height"
-                :src="url"
-                :width="width"
-                fit="contain"
-                no-spinner
+            <q-no-ssr>
+              <Vue3Signature
+                v-if="!url"
+                ref="padRef"
+                :class="{'q-mx-auto': !0, 'hidden': !!$slots.pad}"
+                :clear-on-resize="clearOnResize"
+                :disabled="isDisabled"
+                :h="height"
+                :sig-option="{
+                  penColor: color,
+                  backgroundColor: bg
+                }"
+                :w="width"
+                :water-mark="waterMark"
               />
-            </template>
+              <template v-else-if="!!url">
+                <q-img
+                  :height="height"
+                  :src="url"
+                  :width="width"
+                  fit="contain"
+                  no-spinner
+                />
+              </template>
+            </q-no-ssr>
           </slot>
           <slot
             :confirmed="confirmed"

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