neo.mjs 2.3.13 → 2.3.17

package/src/list/plugin/Animate.mjs

@@ -0,0 +1,177 @@
+import Base from '../../plugin/Base.mjs';
+
+/**
+ * @class Neo.list.plugin.Animate
+ * @extends Neo.plugin.Base
+ */
+class Animate extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.list.plugin.Animate'
+         * @protected
+         */
+        className: 'Neo.list.plugin.Animate',
+        /**
+         * Read only
+         * @member {Number|null} columns=null
+         */
+        columns: null,
+        /**
+         * Value in px
+         * @member {Number} itemHeight=200
+         */
+        itemHeight: 200,
+        /**
+         * Value in px
+         * @member {Number} itemMargin=10
+         */
+        itemMargin: 10,
+        /**
+         * Value in px
+         * @member {Number} itemWidth=300
+         */
+        itemWidth: 300,
+        /**
+         * @member {DOMRect|null} ownerRect=null
+         */
+        ownerRect: null,
+        /**
+         * Read only
+         * @member {Number|null} rows=null
+         */
+        rows: null
+    }}
+
+    /**
+     * @param {Object} config
+     */
+    constructor(config) {
+        super(config);
+
+        let me = this;
+
+        me.adjustCreateItem();
+
+        me.owner.store.on({
+            filter: me.onFilter,
+            sort  : me.onSort,
+            scope : me
+        });
+    }
+
+    /**
+     *
+     */
+    adjustCreateItem() {
+        let me    = this,
+            owner = me.owner;
+
+        me.ownerCreateItem = owner.createItem.bind(owner);
+        owner.createItem   = me.createItem.bind(owner, me);
+    }
+
+    /**
+     *
+     * @param {Neo.list.plugin.Animate} me
+     * @param {Object} record
+     * @param {Number} index
+     * @returns {Object}
+     */
+    createItem(me, record, index) {
+        let item       = me.ownerCreateItem(record, index),
+            itemHeight = me.itemHeight,
+            itemWidth  = me.itemWidth,
+            margin     = me.itemMargin,
+            style      = item.style || {},
+            column, row, x, y;
+
+        if (!me.ownerRect) {
+            return null;
+        }
+
+        column = index % me.columns;
+        row    = Math.floor(index / me.columns);
+        x      = column * (margin + itemWidth)  + margin;
+        y      = row    * (margin + itemHeight) + margin;
+
+        Object.assign(style, {
+            height   : `${itemHeight}px`,
+            position : 'absolute',
+            transform: `translate(${x}px, ${y}px)`,
+            width    : `${itemWidth}px`
+        });
+
+        item.style = style;
+
+        return item;
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onFilter(data) {
+        console.log('onFilter', data);
+    }
+
+    /**
+     *
+     */
+    onOwnerMounted() {
+        let me = this;
+
+        Neo.main.DomAccess.getBoundingClientRect({
+            id: me.owner.id
+        }).then(rect => {
+            Object.assign(me, {
+                columns  : Math.floor(rect.width / me.itemWidth),
+                ownerRect: rect,
+                rows     : Math.floor(rect.height / me.itemHeight)
+            });
+        });
+    }
+
+    /**
+     * @param {Object} data
+     * @param {Object[]} data.items
+     * @param {Object[]} data.previousItems
+     * @param {Neo.data.Store} data.scope
+     */
+    onSort(data) {
+        let me          = this,
+            hasChange   = false,
+            keyProperty = data.scope.keyProperty,
+            owner       = me.owner,
+            newVdomCn   = [],
+            vdom        = owner.vdom,
+            vdomMap     = vdom.cn.map(e => e.id),
+            fromIndex, itemId;
+
+        if (vdomMap.length > 0) {
+            data.items.forEach((item, index) => {
+                itemId    = owner.getItemId(item[keyProperty]);
+                fromIndex = vdomMap.indexOf(itemId);
+
+                newVdomCn.push(vdom.cn[fromIndex]);
+
+                if (fromIndex !== index) {
+                    hasChange = true;
+                }
+            });
+
+            if (hasChange) {
+                owner.vdom.cn = newVdomCn;
+
+                owner.promiseVdomUpdate().then(() => {
+                    // we need to ensure to get this call into the next animation frame
+                    setTimeout(() => {
+                        owner.createItems();
+                    }, 50);
+                });
+            }
+        }
+    }
+}
+
+Neo.applyClassConfig(Animate);
+
+export {Animate as default};

package/src/model/Component.mjs

@@ -57,7 +57,6 @@ class Component extends Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -135,7 +134,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {Function} formatter
      * @param {Object} [data=null] optionally pass this.getHierarchyData() for performance reasons
      * @returns {String}
@@ -194,7 +192,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {Neo.component.Base} component
      */
     createBindings(component) {
@@ -210,7 +207,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {Object} config
      * @param {String} path
      */
@@ -238,7 +234,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {String} key
      * @param {String} path
      * @param {Object} [root=this.data]
@@ -515,7 +510,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {String} key
      * @param {*} value
      * @param {*} oldValue
@@ -543,9 +537,7 @@ class Component extends Base {
                     config[configField] = model.callFormatter(formatter, hierarchyData[model.id]);
                 });
 
-                if (component) {
-                    component.set(config);
-                }
+                component?.set(config);
             });
         }
 
@@ -598,9 +590,7 @@ class Component extends Base {
             delete binding[componentId];
         });
 
-        if (parentModel) {
-            parentModel.removeBindings(componentId);
-        }
+        parentModel?.removeBindings(componentId);
     }
 
     /**
@@ -608,9 +598,8 @@ class Component extends Base {
      * @param {Neo.component.Base} component
      * @param {String} configName
      * @param {String} storeName
-     * @param {Neo.model.Component} [originModel=this] for internal usage only
      */
-    resolveStore(component, configName, storeName, originModel=this) {
+    resolveStore(component, configName, storeName) {
         component[configName] = this.getStore(storeName);
     }
 

package/src/worker/Manager.mjs

@@ -125,7 +125,12 @@ class Manager extends Base {
      */
     broadcast(msg) {
         Object.keys(this.workers).forEach(name => {
-            this.sendMessage(name, msg);
+            if (!(
+                name === 'canvas' && !NeoConfig.useCanvasWorker ||
+                name === 'vdom'   && !NeoConfig.useVdomWorker
+            )) {
+                this.sendMessage(name, msg);
+            }
         });
     }