@mythpe/quasar-ui-qui 0.2.41 → 0.2.43

package/package.json

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

package/src/components/form/MOtp.vue

@@ -12,7 +12,7 @@
 >
 
 import { computed, nextTick, onBeforeUnmount, onBeforeUpdate, ref, watch, watchEffect } from 'vue'
-import { date } from 'quasar'
+import { date, useQuasar } from 'quasar'
 import type { MOtpProps as Props } from '../../types'
 import { useMyth } from '../../composable'
 
@@ -49,6 +49,7 @@ type Emits = {
   (e: 'resend', options: { start: Func, clear: Func, startTiming: Func }): void;
 }
 const emit = defineEmits<Emits>()
+const $q = useQuasar()
 
 const { __, props: pluginOptions } = useMyth()
 const modelValue = defineModel<Props['modelValue']>({ required: !1, default: undefined })

package/src/components/form/MSelect.vue

@@ -15,7 +15,7 @@ import { useField } from 'vee-validate'
 import type { MSelectProps as Props } from '../../types'
 import { computed, reactive, toValue, useTemplateRef } from 'vue'
 import { useBindInput, useMyth } from '../../composable'
-import { QField, QSelect, type QSelectSlots } from 'quasar'
+import { QField, QSelect, type QSelectSlots, useQuasar } from 'quasar'
 
 type P = {
   name: Props['name'];
@@ -118,6 +118,7 @@ type Emits = {
   (e: 'model', value: { value: any; model: object | null }): void;
 }
 const emit = defineEmits<Emits>()
+const $q = useQuasar()
 
 const { __, props: pluginOptions } = useMyth()
 const helper = useBindInput<P & Props>(() => props, 'select', () => ({ choose: !0 }))
@@ -163,6 +164,7 @@ const onDoneOptions = () => {
 const listeners = {
   blur: (v: any) => handleBlur(v, !0),
   'update:modelValue': (v: Props['modelValue']) => {
+    console.log('update:modelValue: ', v)
     handleChange(v, !!errorMessage.value)
     if (!props.emitValue) {
       emit('model', { value: v, model: v })
@@ -172,7 +174,10 @@ const listeners = {
       emit('model', { value: v, model: model ?? null })
     }
   },
-  inputValue: (v: string) => (search.value = v?.toString() || ''),
+  inputValue: (v: string) => {
+    console.log('inputValue: ', v)
+    search.value = v?.toString() || ''
+  },
   filter: filterFn
 }
 const input = useTemplateRef<InstanceType<typeof QSelect> | InstanceType<typeof QField>>('input')

package/src/components/modal/MDialog.vue

@@ -14,6 +14,7 @@
 import { computed } from 'vue'
 import type { MDialogProps as Props } from '../../types'
 import { useMyth } from '../../composable'
+import { useQuasar } from 'quasar'
 
 interface P {
   slide?: Props['slide'] | undefined;
@@ -24,6 +25,7 @@ const props = withDefaults(defineProps<P>(), {
   slide: () => !1,
   from: () => 'left'
 })
+const $q = useQuasar()
 const slideProp = computed(() => props.slide !== undefined && props.slide !== !1 && props.slide !== null)
 const map = {
   left: 'right',

package/src/components/sar/MSarString.vue

@@ -7,10 +7,10 @@
   -->
 
 <script lang="ts" setup>
-// import MSarSvg from './MSarSvg.vue'
 import { useI18n } from 'vue-i18n'
 import { computed } from 'vue'
 import { useMyth } from '../../composable'
+import { useQuasar } from 'quasar'
 
 interface Props {
   text?: any;
@@ -22,6 +22,7 @@ const props = withDefaults(defineProps<Props>(), {
   string: !1
 })
 
+const $q = useQuasar()
 const { te } = useI18n({ useScope: 'global' })
 const { __, formatMoney } = useMyth()
 const getText = computed<string | undefined>(() => {

package/src/composable/useMyth.ts

@@ -230,7 +230,7 @@ export const useMyth = () => {
   const alertMessage = (opts: Vue3MAlertMessageOptions): Vue3MAlertMessage => q.notify(quasarNotifyOptions(opts))
   const alertSuccess = (message: string) => alertMessage({ type: 'positive', message })
   const alertError = (message: string) => alertMessage({ type: 'negative', message })
-  const confirmMessage = (message?: string, title?: string, opts?: Partial<QDialogOptions> & Partial<QDialogProps>): Vue3MConfirmMessage => {
+  const confirmMessage = (message?: string, title?: string, opts?: Partial<QDialogOptions> & Partial<QDialogProps> & Record<string, any>): Vue3MConfirmMessage => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     title = title || t('messages.are_you_sure') || ''