neo.mjs 4.0.59 → 4.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.59",
+    "version": "4.0.62",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -57,7 +57,7 @@
         "sass": "^1.53.0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.10.0",
-        "webpack-dev-server": "4.9.2",
+        "webpack-dev-server": "4.9.3",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/DefaultConfig.mjs

@@ -98,7 +98,10 @@ const DefaultConfig = {
     /**
      * Add addons for the main thread
      * Possible values: AmCharts, AnalyticsByGoogle, DragDrop, HighlightJS, LocalStorage, MapboxGL, Markdown, Siesta, Stylesheet, WindowPosition
-     * (src/main/addon)
+     * (src/main/addon) contains all framework related options.
+     * You can also create your own addons within your workspace scope. Make sure to put them inside 'src/main/addon/'
+     * and prefix them with 'WS/' inside your neo-config.json file.
+     * Example: ['DragDrop', 'Stylesheet', 'WS/MyAddon']
      * @default ['DragDrop','Stylesheet']
      * @memberOf! module:Neo
      * @name config.mainThreadAddons

package/src/Main.mjs

@@ -215,7 +215,11 @@ class Main extends core.Base {
         }
 
         mainThreadAddons.forEach(addon => {
-            imports.push(import(`./main/addon/${addon}.mjs`));
+            if (addon.startsWith('WS/')) {
+                imports.push(import(`../../../src/main/addon/${addon.substr(3)}.mjs`));
+            } else {
+                imports.push(import(`./main/addon/${addon}.mjs`));
+            }
         });
 
         modules = await Promise.all(imports);

package/src/dialog/Base.mjs

@@ -112,7 +112,7 @@ class Base extends Panel {
         /**
          * @member {String} title='Dialog Title'
          */
-        title: 'Dialog Title',
+        title_: 'Dialog Title',
         /**
          * @member {Object} _vdom
          */
@@ -270,6 +270,18 @@ class Base extends Panel {
         });
     }
 
+    /**
+     * Triggered after the title config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    afterSetTitle(value, oldValue) {
+        if (oldValue) {
+            this.down({flag: 'title-label'}).text = value;
+        }
+    }
+
     /**
      *
      */
@@ -399,6 +411,7 @@ class Base extends Panel {
             id   : me.getHeaderToolbarId(),
             items: [{
                 ntype: 'label',
+                flag : 'title-label',
                 text : me.title
             }, '->', {
                 iconCls: 'far fa-window-maximize',

package/src/form/Container.mjs

@@ -64,7 +64,21 @@ class Container extends BaseContainer {
     }
 
     /**
-     * @returns {Object} values
+     * @returns {Object}
+     */
+    getSubmitValues() {
+        let fields = this.getFields(),
+            values = {};
+
+        fields.forEach(item => {
+            values[item.name || item.id] = item.getSubmitValue();
+        });
+
+        return values;
+    }
+
+    /**
+     * @returns {Object}
      */
     getValues() {
         let fields = this.getFields(),

package/src/form/field/Select.mjs

@@ -109,7 +109,13 @@ class Select extends Picker {
          * Display the first matching result while typing
          * @member {Boolean} typeAhead_=true
          */
-        typeAhead_: true
+        typeAhead_: true,
+        /**
+         * This config should point to the store keyProperty or a different model field,
+         * which you want to submit instead
+         * @member {Number|String} valueField='id'
+         */
+        valueField: 'id'
     }}
 
     /**
@@ -338,6 +344,15 @@ class Select extends Picker {
         return recordKey && this.store.get(list.getItemRecordId(recordKey)) || null;
     }
 
+    /**
+     * @returns {Number|String}
+     */
+    getSubmitValue() {
+        let me = this;
+
+        return me.record?.[me.valueField] || me.value;
+    }
+
     /**
      * @param {Object} data
      * @protected
@@ -463,7 +478,7 @@ class Select extends Picker {
 
             me.fire('select', {
                 record,
-                value : record[displayField]
+                value: record[displayField]
             });
         }
     }