@kizmann/nano-ui 0.7.5 → 0.7.8

package/package.json

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

package/src/draggable/src/draggrid/draggrid.js

@@ -27,6 +27,14 @@ export default {
             }
         },
 
+        draggable: {
+            default()
+            {
+                return true;
+            },
+            type: [Boolean]
+        },
+
         size: {
             default()
             {

package/src/draggable/src/draggrid-item/draggrid-item.js

@@ -72,12 +72,14 @@ export default {
     {
         this.timer = setTimeout(() => {
 
-            this.timer = setTimeout(() => {
-                this.NDraggable.drag.bindNode(this);
-            }, 50);
+            if ( this.NDraggable.draggable ) {
+                this.timer = setTimeout(() => {
+                    this.NDraggable.drag.bindNode(this);
+                }, 50);
+            }
 
             this.init = true;
-        }, 10);
+        }, 40);
     },
 
     beforeUnmount()
@@ -189,7 +191,7 @@ export default {
 
         let props = {};
 
-        if ( this.isDraggable() ) {
+        if ( this.NDraggable.draggable && this.isDraggable() ) {
             props.draggable = true;
         }
 
@@ -248,7 +250,7 @@ export default {
             onDblclick: this.onDblclick,
         };
 
-        if ( ! this.NDraggable.handle && this.isDraggable() ) {
+        if ( this.NDraggable.draggable && ! this.NDraggable.handle && this.isDraggable() ) {
             props.draggable = true;
         }
 

package/src/draggable/src/draglist/draglist.js

@@ -27,6 +27,14 @@ export default {
             }
         },
 
+        draggable: {
+            default()
+            {
+                return true;
+            },
+            type: [Boolean]
+        },
+
         size: {
             default()
             {

package/src/draggable/src/draglist-item/draglist-item.js

@@ -72,12 +72,14 @@ export default {
     {
         this.timer = setTimeout(() => {
 
-            this.timer = setTimeout(() => {
-                this.NDraggable.drag.bindNode(this);
-            }, 50);
+            if ( this.NDraggable.draggable ) {
+                this.timer = setTimeout(() => {
+                    this.NDraggable.drag.bindNode(this);
+                }, 50);
+            }
 
             this.init = true;
-        }, 10);
+        }, 40);
     },
 
     beforeUnmount()
@@ -231,7 +233,7 @@ export default {
 
         let props = {};
 
-        if ( this.isDraggable() ) {
+        if ( this.NDraggable.draggable && this.isDraggable() ) {
             props.draggable = true;
         }
 
@@ -317,7 +319,7 @@ export default {
             onDblclick: this.onDblclick,
         };
 
-        if ( ! this.NDraggable.handle && this.isDraggable() ) {
+        if ( this.NDraggable.draggable && ! this.NDraggable.handle && this.isDraggable() ) {
             props.draggable = true;
         }
 

package/src/scrollbar/src/scrollbar/scrollbar.next.js

@@ -310,7 +310,7 @@ export default {
             //     Dom.find(this.$el).addClass('has-native-hbar');
             // }
 
-            let hasVtrack = outerHeight && outerHeight < innerHeight;
+            let hasVtrack = outerHeight && outerHeight <= innerHeight;
 
             if ( hasVtrack ) {
                 Dom.find(this.$el).addClass('has-vtrack');
@@ -388,7 +388,7 @@ export default {
             //     Dom.find(this.$el).addClass('has-native-vbar');
             // }
 
-            let hasHtrack = outerWidth && outerWidth < innerWidth;
+            let hasHtrack = outerWidth && outerWidth <= innerWidth;
 
             if ( hasHtrack ) {
                 Dom.find(this.$el).addClass('has-htrack');

package/src/table/src/table/table.js

@@ -22,6 +22,14 @@ export default {
             type: [Array]
         },
 
+        draggable: {
+            default()
+            {
+                return true;
+            },
+            type: [Boolean]
+        },
+
         visible: {
             default()
             {
@@ -297,15 +305,15 @@ export default {
     data()
     {
         return {
-            uid:              UUID(),
-            elements:         [],
-            tempVisible:      this.visible,
+            uid: UUID(),
+            elements: [],
+            tempVisible: this.visible,
             tempVisibleProps: [],
-            tempSelected:     this.selected,
-            tempSortProp:     this.sortProp,
-            tempSortDir:      this.sortDir,
-            tempFilter:       this.filter,
-            tempFilterProps:  [],
+            tempSelected: this.selected,
+            tempSortProp: this.sortProp,
+            tempSortDir: this.sortDir,
+            tempFilter: this.filter,
+            tempFilterProps: [],
         }
     },
 
@@ -540,10 +548,10 @@ export default {
         }
 
         let props = {
-            modelValue:   this.checked,
+            modelValue: this.checked,
             intermediate: this.intermediate,
-            disabled:     !this.items.length,
-            onClick:      this.selectAll
+            disabled: !this.items.length,
+            onClick: this.selectAll
         };
 
         return (
@@ -609,10 +617,10 @@ export default {
         ];
 
         let props = Obj.except(this.$props, except, {
-            items:     this.items,
-            selected:  this.tempSelected,
+            items: this.items,
+            selected: this.tempSelected,
             overflowX: false,
-            useKeys:   this.useKeys,
+            useKeys: this.useKeys,
             // renderNode: this.ctor('renderBody')
         });
 

package/src/table/src/table-filter/table-filter.js

@@ -40,7 +40,7 @@ export default {
     data()
     {
         return {
-            filter: Obj.clone(this.tempFilter), visible: false
+            filter: this.getFilterClone(), visible: false
         };
     },
 
@@ -69,6 +69,17 @@ export default {
 
     methods: {
 
+        getFilterClone()
+        {
+            let tempFilter = this.NTable.getColumnFilter(this.column);
+
+            if ( Any.isEmpty(tempFilter) ) {
+                return null;
+            }
+
+            return Obj.clone(tempFilter);
+        },
+
         getFilterProp()
         {
             return this.column.filterProp ||