Dynamic component

[EdwinBetanc0urt]

Greetings, it is proposed to implement a dynamic component that calls using lazy load to field components based on ADempiere references. This component will be the one that communicates the fields with the views, taking the main validations as read only, visualization and obligatory and showing the reference of the appropriate field.

By loading the fields and their metadata from the application dictionary. There with the attribute 'displayType' is assigned the attribute 'componentPath'.
https://github.com/adempiere/adempiere-vue/blob/develop/src/utils/ADempiere/index.js#L336

The path of the component to be displayed is stored in the 'REFERENCES' constant, which returns the path of the component (in the type attribute) according to the type of display (in the attribute alias or id of the reference).
https://github.com/adempiere/adempiere-vue/blob/develop/src/components/ADempiere/Field/references.js#L3

With the generic label 'component' and the path of the component to import in the attribute 'is', it performs the rendering to visualize the reference of the appropriate field.
https://github.com/adempiere/adempiere-vue/blob/develop/src/components/ADempiere/Field/index.vue#L29

For more information: https://vuejs.org/v2/guide/components-dynamic-async.html

As a result it will show the different types of fields associated with the references.