@mythpe/quasar-ui-qui 0.3.75 → 0.3.77

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -343,6 +343,7 @@ const onSuccess: SubmissionHandler = async (form) => {
   if (loading.value) {
     return
   }
+  $q.loading.show()
   loading.value = !0
   const apiServices = getMythApiServicesSchema()
   const fdt = isUpdateMode.value ? 'u' : 'c'
@@ -412,6 +413,7 @@ const onSuccess: SubmissionHandler = async (form) => {
     }
   } finally {
     loading.value = !1
+    $q.loading.hide()
   }
 }
 const onInvalidSubmit: InvalidSubmissionHandler = ({ errors }) => {

package/src/components/form/MPhone.vue

@@ -22,6 +22,7 @@ interface P {
   placeholder?: Props['placeholder'];
   viewModeValue?: Props['viewModeValue'];
   mobile?: Props['mobile'];
+  dense?: Props['dense'];
   auto?: Props['auto'];
   col?: Props['col'];
   xs?: Props['xs'];
@@ -71,6 +72,7 @@ defineOptions({
         v-bind="{
           ...$attrs,
           required,
+          dense,
           viewModeValue,
           placeholder: !countryValue ? __('replace.choose',{name: __(`attributes.${countryName}`) }) : placeholder,
           col: readonly ? 12 : 7,
@@ -93,6 +95,7 @@ defineOptions({
         :prepend-icon="$q.screen.gt.xs ? 'ion-keypad' : undefined"
         :required="readonly ? undefined : required"
         :view-mode="readonly"
+        :dense="dense"
         col
         hide-bottom-space
         hide-dropdown-icon

package/src/composable/useBindInput.ts

@@ -106,7 +106,8 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
     const autocomplete = props.autocomplete !== undefined ? props.autocomplete : (pluginProps.value[key] && 'autocomplete' in pluginProps.value[key] ? pluginProps.value[key]?.autocomplete : undefined)
     if (autocomplete !== undefined) {
       if (autocomplete === !0 || autocomplete === '') {
-        return kebabCase(props.name)
+        const a = kebabCase(props.name)
+        return a === 'last-name' ? 'family-name' : a
       } else if (autocomplete === !1) {
         return 'off'
       } else if (autocomplete?.length > 0) {