neo.mjs 5.2.2 → 5.2.3

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.2.2'
+         * @member {String} version='5.2.3'
          */
-        version: '5.2.2'
+        version: '5.2.3'
     }
 
     /**

package/apps/form/view/pages/Page5.mjs

@@ -12,18 +12,23 @@ class Page5 extends FormPageContainer {
          * @protected
          */
         className: 'Form.view.pages.Page5',
+        /**
+         * @member {String} formGroup='page5'
+         */
+        formGroup: 'page5',
         /**
          * @member {Object[]} items
          */
         items: [{
             module   : TextField,
             labelText: 'Page 5 Field 1',
-            name     : 'page5field1',
-            required : true
+            name     : 'field1',
+            required : true,
+            value    : 'bar'
         }, {
             module   : TextField,
             labelText: 'Page 5 Field 2',
-            name     : 'page5field2'
+            name     : 'field2'
         }]
     }
 }

package/apps/form/view/pages/Page6.mjs

@@ -12,18 +12,22 @@ class Page6 extends FormPageContainer {
          * @protected
          */
         className: 'Form.view.pages.Page6',
+        /**
+         * @member {String} formGroup='page6'
+         */
+        formGroup: 'page6',
         /**
          * @member {Object[]} items
          */
         items: [{
             module   : TextField,
             labelText: 'Page 6 Field 1',
-            name     : 'page6field1',
+            name     : 'field1',
             required : true
         }, {
             module   : TextField,
             labelText: 'Page 6 Field 2',
-            name     : 'page6field2'
+            name     : 'field2'
         }]
     }
 }

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.2.2'
+         * @member {String} version='5.2.3'
          */
-        version: '5.2.2'
+        version: '5.2.3'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.2.2",
+    "version": "5.2.3",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -237,12 +237,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.2.2'
+     * @default '5.2.3'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.2.2'
+    version: '5.2.3'
 };
 
 Object.assign(DefaultConfig, {

package/src/form/Container.mjs

@@ -90,13 +90,19 @@ class Container extends BaseContainer {
     async getValues() {
         let fields = await this.getFields(),
             values = {},
-            key, ns, nsArray, value;
+            itemName, key, ns, nsArray, value;
 
         fields.forEach(item => {
             value = item.getValue();
 
             if (item.name) {
-                nsArray = item.name.split('.');
+                itemName = item.name;
+
+                if (item.formGroup) {
+                    itemName = item.formGroup + '.' + itemName;
+                }
+
+                nsArray = itemName.split('.');
                 key     = nsArray.pop();
                 ns      = Neo.ns(nsArray, true, values);
             } else {

package/src/form/field/Base.mjs

@@ -1,4 +1,5 @@
-import Component from '../../component/Base.mjs';
+import Component        from '../../component/Base.mjs';
+import ComponentManager from '../../manager/Component.mjs';
 
 /**
  * Abstract base class for form fields
@@ -17,12 +18,24 @@ class Base extends Component {
          * @protected
          */
         ntype: 'basefield',
+        /**
+         * Form groups can get set on any parent component level.
+         * An alternative way for using dots in field names.
+         * @member {String|null} formGroup_=null
+         */
+        formGroup_: null,
         /**
          * @member {*} value_=null
          */
         value_: null
     }
 
+    /**
+     * An internal cache for formGroups of all parent levels
+     * @member {String|null} formGroupString=null
+     */
+    formGroupString = null
+
     /**
      * Triggered after the value config got changed
      * @param {*} value
@@ -34,6 +47,34 @@ class Base extends Component {
         }
     }
 
+    /**
+     * Triggered when accessing the formGroup config
+     * @param {String|null} value
+     * @returns {String|null} parents
+     * @protected
+     */
+    beforeGetFormGroup(value) {
+        let me    = this,
+            group = [],
+            returnValue;
+
+        if (me.formGroupString) {
+            return me.formGroupString;
+        }
+
+        value && group.push(value);
+
+        ComponentManager.getParents(me).forEach(parent => {
+            parent.formGroup && group.push(parent.formGroup)
+        });
+
+        returnValue = group.join('.');
+
+        me.formGroupString = returnValue;
+
+        return returnValue;
+    }
+
     /**
      * Override this method as needed
      * @param {*} value