@mythpe/quasar-ui-qui 0.0.76 → 0.0.77

package/package.json

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

package/src/composable/useBindInput.ts

@@ -54,11 +54,23 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
     return !1
   })
 
+  const nameRegExp = /\.\d+\./g
+  const nameLabel = computed(() => {
+    const k = props.label === undefined ? props.name : props.label
+    if (k && nameRegExp.test(k)) {
+      return k?.toString?.()?.replaceAll(nameRegExp, '.*.')
+    }
+    return k
+  })
   const getLabel = computed<string | undefined>(() => {
     const k = props.label === undefined ? props.name : props.label
     return k ? (__(k) || undefined) : undefined
   })
   const getPlaceholder = computed<string | undefined>(() => {
+    if (props.placeholder === !1) {
+      return undefined
+    }
+
     const replace = computed(() => {
       const val = props.useChoice !== undefined ? props.useChoice : (attributes.useChoice !== undefined ? attributes.useChoice : opts?.choose)
       if (typeof val === 'string' && val?.length > 0) {
@@ -70,14 +82,12 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
       return 'enter'
     })
     if (props.placeholder === undefined) {
-      const k = props.label !== undefined ? props.label : props.name
-      return __(`replace.${replace.value}`, { name: __(k) })
+      return __(`replace.${replace.value}`, { name: __(nameLabel.value) })
     }
-    return __(props.placeholder) || undefined
+    return props.placeholder ? (__(props.placeholder) || undefined) : undefined
   })
   const getAutocompleteAttribute = computed<string | null | undefined>(() => {
     const autocomplete = props.autocomplete !== undefined ? props.autocomplete : (pluginProps.value[key] && 'autocomplete' in pluginProps.value[key] ? pluginProps.value[key]?.autocomplete : undefined)
-    // const autocomplete = 'autocomplete' in opt && opt?.autocomplete !== undefined ? opt?.autocomplete : props.autocomplete
     if (autocomplete !== undefined) {
       if (autocomplete === !0 || autocomplete === '') {
         return kebabCase(props.name)