@kizmann/nano-ui 0.8.2 → 0.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/nano-ui",
-    "version": "0.8.2",
+    "version": "0.8.4",
     "license": "MIT",
     "private": false,
     "author": "Eduard Kizmann <kizmann@protonmail.ch>",

package/src/config/src/config/config-next.js

@@ -186,7 +186,7 @@ export default {
                 $scope: this.scope, $model: this.tempValue, $global: window
             };
 
-            if ( Obj.get(sources, prop, -1337) === -1337 ) {
+            if ( ! Any.isNull(fallback) && Obj.get(sources, prop, -1337) === -1337 ) {
                 Obj.set(sources, prop, fallback);
             }
 

package/src/form/src/form/form.js

@@ -61,6 +61,14 @@ export default {
             type: [Boolean]
         },
 
+        ignore: {
+            default()
+            {
+                return ['modified', 'dragid'];
+            },
+            type: [Boolean]
+        },
+
         forceChange: {
             default()
             {
@@ -93,6 +101,33 @@ export default {
 
     },
 
+    data()
+    {
+        return {
+            uid: UUID(), elements: [], blocked: true,
+        };
+    },
+
+    provide()
+    {
+        return {
+            NForm: this
+        };
+    },
+
+    mounted()
+    {
+        Any.delay(this.ctor('ready'), 500);
+    },
+
+    ready()
+    {
+        this.$watch('form', this.emitChange,
+            { deep: true });
+
+        this.resetChange();
+    },
+
     methods: {
 
         onSubmit(event)
@@ -123,36 +158,42 @@ export default {
             });
         },
 
-        emitChange(form)
+        resetChange(timeout = 500)
         {
-            this.$emit('change');
+            clearTimeout(this.timeout);
+
+            this.timeout = setTimeout(() => {
+                this.blocked = false;
+            }, timeout);
+
+            this.blocked = true;
+
+            let value = Obj.except(this.form,
+                this.ignore);
+
+            this.prevState = JSON.stringify(value);
         },
 
-    },
+        emitChange()
+        {
+            if ( this.blocked ) {
+                return;
+            }
 
-    data()
-    {
-        return {
-            uid: UUID(),
-            elements: []
-        };
-    },
+            let value = Obj.except(this.form,
+                this.ignore);
 
-    provide()
-    {
-        return {
-            NForm: this
-        };
-    },
+            let nextState = JSON.stringify(value);
 
-    mounted()
-    {
-        Any.delay(this.ctor('ready'), 1000);
-    },
+            if ( this.prevState == nextState ) {
+                return;
+            }
+
+            this.prevState = nextState;
+
+            this.$emit('change');
+        },
 
-    ready()
-    {
-        this.$watch('form', Any.debounce(this.emitChange, 300), { deep: true });
     },
 
     render()