@bildvitta/quasar-ui-asteroid 2.20.0 → 2.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "description": "",
   "main": "./src/index.js",
   "scripts": {

package/src/components/input/QasInput.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-input ref="mask" v-model="model" v-bind="$attrs" bottom-slots :mask="mask" unmasked-value v-on="listeners">
+    <q-input ref="mask" v-model="model" v-bind="$attrs" bottom-slots :mask="mask" unmasked-value v-on="listeners" @paste="onPaste">
       <slot v-for="(slot, key) in $slots" :slot="key" :name="key" />
       <template v-for="(slot, key) in $scopedSlots" :slot="key" slot-scope="scope">
         <slot :name="key" v-bind="scope" />
@@ -65,7 +65,7 @@ export default {
 
   watch: {
     mask () {
-      const input = this.$refs.mask.$refs.input
+      const input = this.getInput()
 
       requestAnimationFrame(() => {
         input.selectionStart = input.value ? input.value.length : ''
@@ -75,6 +75,8 @@ export default {
 
   methods: {
     toggleMask (first, second) {
+      if (!this.value.length) return
+
       const length = first.split('#').length - 2
       return this.value?.length > length ? second : first
     },
@@ -89,6 +91,22 @@ export default {
 
     resetValidation () {
       return this.inputReference.resetValidation()
+    },
+
+    onPaste (event) {
+      if (!this.mask) return
+
+      const value = event.clipboardData.getData('text')
+      const input = this.getInput()
+
+      requestAnimationFrame(() => {
+        this.$emit('input', value)
+        input.selectionStart = input.value ? input.value.length : ''
+      })
+    },
+
+    getInput () {
+      return this.inputReference.$el?.querySelector('input')
     }
   }
 }

package/src/components/nested-fields/QasNestedFields.vue

@@ -68,7 +68,6 @@ import QasLabel from '../label/QasLabel'
 import { constructObject } from '../../helpers'
 
 import { extend } from 'quasar'
-import { camelize } from 'humps'
 
 export default {
   name: 'QasNestedFields',
@@ -213,13 +212,7 @@ export default {
     },
 
     children () {
-      const field = extend(true, {}, this.field)
-
-      for (const key in field?.children) {
-        field.children[key].name = camelize(field?.children[key].name)
-      }
-
-      return field?.children
+      return this.field?.children
     },
 
     showDestroyBtn () {

package/src/helpers/camelize-fields-name.js

@@ -0,0 +1,15 @@
+import { camelize } from 'humps'
+
+export default function camelizeFieldsName (fields) {
+  for (const field in fields) {
+    const currentField = fields[field]
+
+    currentField.name = camelize(currentField.name)
+
+    if (Object.keys(currentField.children || {}).length) {
+      camelizeFieldsName(currentField.children)
+    }
+  }
+
+  return fields
+}

package/src/helpers/index.js

@@ -1,4 +1,5 @@
 import base64ToBlob from './base64ToBlob.js'
+import camelizeFieldsName from './camelize-fields-name.js'
 import constructObject from './constructObject.js'
 import filterObject from './filter-object.js'
 import greatestCommonDivisor from './greatestCommonDivisor.js'
@@ -31,6 +32,7 @@ export {
   // filters
   asset,
   booleanLabel,
+  camelizeFieldsName,
   constructObject,
   date,
   dateTime,

package/src/mixins/view.js

@@ -1,5 +1,6 @@
 import { camelize } from 'humps'
 import { get } from 'lodash'
+import { camelizeFieldsName } from '../helpers'
 
 import { NotifyError } from '../plugins'
 
@@ -64,11 +65,7 @@ export default {
     },
 
     setFields (fields = {}) {
-      for (const field in fields) {
-        fields[field].name = camelize(fields[field].name)
-      }
-
-      this.fields = fields
+      this.fields = camelizeFieldsName(fields)
     },
 
     setMetadata (metadata = {}) {