@mythpe/quasar-ui-qui 0.0.85 → 0.0.87

package/package.json

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

package/src/composable/useBindInput.ts

@@ -64,6 +64,9 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
   })
   const getLabel = computed<string | undefined>(() => {
     const k = nameLabel.value
+    if (k && k.indexOf('.*.')) {
+      return __(k.split('.').pop()) || undefined
+    }
     return k ? (__(k) || undefined) : undefined
   })
   const getPlaceholder = computed<string | undefined>(() => {
@@ -82,7 +85,11 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
       return 'enter'
     })
     if (props.placeholder === undefined) {
-      return __(`replace.${replace.value}`, { name: __(nameLabel.value) })
+      let name = nameLabel.value
+      if (name && name.indexOf('.*.')) {
+        name = name.split('.').pop() || nameLabel.value
+      }
+      return __(`replace.${replace.value}`, { name: __(name) })
     }
     return props.placeholder ? (__(props.placeholder) || undefined) : undefined
   })

package/src/composable/useMyth.ts

@@ -9,12 +9,12 @@
 import lodash from 'lodash'
 import { useI18n } from 'vue-i18n'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRoute } from 'vue-router'
 import type { QDialogOptions, QNotifyCreateOptions } from 'quasar'
 import { copyToClipboard, extend, useQuasar } from 'quasar'
 import { Helpers, MythKey, type MythType, Str, veeRules } from '../utils'
 import type { MDtColumn, MDtHeadersParameter, ParseHeaderOptions, Vue3MAlertMessage, Vue3MAlertMessageOptions, Vue3MConfirmMessage } from '../types'
 import { computed, inject } from 'vue'
-import { useRoute } from 'vue-router'
 
 export const useMyth = () => {
   const plugin = inject(MythKey) as MythType
@@ -264,23 +264,21 @@ export const useMyth = () => {
       message,
       focus: 'none',
       cancel: {
-        color: cancelProps.color || 'positive',
+        color: cancelProps.color || undefined,
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        label: t(cancelProps?.label || 'no'),
+        label: t(cancelProps?.label || 'labels.cancel'),
+        outline: !0,
         ...buttonsProps as any,
-        flat: !0,
-        unelevated: !0,
         ...cancelProps as any
       },
       ok: {
-        color: okProps.color || 'negative',
+        color: okProps.color || 'primary',
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        label: t(okProps?.label || 'yes'),
+        label: t(okProps?.label || 'labels.confirm'),
+        outline: !1,
         ...buttonsProps as any,
-        flat: !0,
-        unelevated: !0,
         ...okProps as any
       },
       persistent: !0,