Merge pull request #3 from kevinkosterr/master

Release

Author: kevinkosterr

src/directives/vAttributes.js

@@ -0,0 +1,21 @@
+function setAttributes (el, binding) {
+  let attributes = {}
+
+  if (binding.instance.schema?.attributes) {
+    attributes = { ...binding.instance.schema?.attributes }
+  }
+
+  const container = binding.value || 'input'
+  if ( typeof container === 'string' ) {
+    attributes = attributes[container] || attributes
+  }
+
+  Object.entries(attributes).forEach(([ key, value ]) => {
+    el.setAttribute(key, value)
+  })
+}
+
+export const vAttributes = {
+  beforeMount: (el, binding) => setAttributes(el, binding),
+  updated: (el, binding) => setAttributes(el, binding)
+}

src/fields/abstractField.js

@@ -1,7 +1,10 @@
 // @ts-nocheck
 import { get as objGet, forEach, isFunction, isString, isArray, debounce, uniqueId, uniq as arrayUniq } from 'lodash'
-import validators from '../utils/validators'
-import { slugifyFormID } from '../utils/schema'
+import { slugifyFormID } from '@/utils/schema'
+import { vAttributes } from '@/directives/vAttributes'
+
+import validators from '@/utils/validators'
+
 function convertValidator(validator) {
   if (isString(validator)) {
     if (validators[validator] != null) return validators[validator]
@@ -13,16 +16,6 @@ function convertValidator(validator) {
   return validator
 }
 
-function attributesDirective(el, binding, vnode) {
-  let attrs = objGet(vnode.context, 'schema.attributes', {})
-  let container = binding.value || 'input'
-  if (isString(container)) {
-    attrs = objGet(attrs, container) || attrs
-  }
-  forEach(attrs, (val, key) => {
-    el.setAttribute(key, val)
-  })
-}
 export default {
   name: 'abstractField',
   props: [ 'vfg', 'model', 'schema', 'formOptions', 'disabled' ],
@@ -34,11 +27,7 @@ export default {
     }
   },
   directives: {
-    attributes: {
-      beforeMount: attributesDirective,
-      updated: attributesDirective,
-      componentUpdated: attributesDirective
-    }
+    attributes: vAttributes
   },
   computed: {
     value: {