@kizmann/nano-ui 0.6.9 → 0.6.14

package/package.json

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

package/src/collapse/src/collapse-item/collapse-item.js

@@ -149,7 +149,7 @@ export default {
 
     renderHeader()
     {
-        if ( !this.label ) {
+        if ( !this.label && !this.$slots.label ) {
             return null;
         }
 
@@ -206,7 +206,7 @@ export default {
 
         let tempValue = Arr.clone(this.NCollapse.tempValue);
 
-        if ( !this.label ) {
+        if ( !this.label && !this.$slots.label ) {
             tempValue.push(this.name);
         }
 

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

@@ -236,7 +236,7 @@ export default {
 
         Obj.each(setup['binds'], (value, key) => {
 
-            if ( Any.isString(key) ) {
+            if ( Any.isString(value) ) {
                 value = { value: value };
             }
 

package/src/draggable/src/draghandler/draghandler.js

@@ -570,11 +570,25 @@ class NDraghandler {
 
         this.dropNodes = this.rootNode.tempSelected = [];
 
-        this.rootNode.$emit('move', sources,
+        let eventName = 'move';
+
+        if ( Arr.has(global.keyMods, 18) ) {
+            eventName = 'moveAlt';
+        }
+
+        if ( Arr.has(global.keyMods, 17) ) {
+            eventName = 'moveCtrl';
+        }
+
+        if ( Arr.has(global.keyMods, 91) ) {
+            eventName = 'moveMeta';
+        }
+
+        this.rootNode.$emit(eventName, sources,
             Obj.get(target, 'uid'), strategy);
 
-        this.rootNode.$emit('moveraw', this.cacheNodes,
-            target, strategy);
+        this.rootNode.$emit(eventName + 'Raw',
+            this.cacheNodes, target, strategy);
 
         this.rootNode.$emit('update:selected',
             this.rootNode.tempSelected);

package/src/select/src/select/select.js

@@ -172,9 +172,17 @@ export default {
 
     watch: {
 
-        modelValue()
+        modelValue(value)
         {
-            this.tempValue = this.modelValue;
+            if ( ! this.multiple && Any.isArray(value) ) {
+                value = null;
+            }
+
+            if ( this.multiple && ! Any.isArray(value) ) {
+                value = [];
+            }
+
+            this.tempValue = value;
         },
 
         search()
@@ -307,11 +315,21 @@ export default {
 
             this.$refs.popover.close();
 
-            if ( this.tempValue === tempValue ) {
+            let denyUpdate = this.tempValue === tempValue;
+
+            if ( this.multiple && ! Any.isArray(this.modelValue) ) {
+                denyUpdate = false;
+            }
+
+            if ( ! this.multiple && Any.isArray(this.modelValue) ) {
+                denyUpdate = false;
+            }
+
+            if ( denyUpdate ) {
                 return;
             }
 
-            this.$emit('update:modelValue', 
+            this.$emit('update:modelValue',
                 this.tempValue = tempValue);
         },
 
@@ -431,7 +449,7 @@ export default {
 
     },
 
-    created()
+    beforeMount()
     {
         if ( this.multiple && ! Any.isArray(this.tempValue) ) {
             this.tempValue = [];
@@ -440,13 +458,11 @@ export default {
         if ( this.multiple && ! Any.isArray(this.clearValue) ) {
             this.tempClear = [];
         }
-    },
 
-    beforeMount()
-    {
         this.searchOptions();
     },
 
+
     renderLabelClear()
     {
         if ( ! this.clearable || Any.isEmpty(this.tempValue) ) {
@@ -529,6 +545,10 @@ export default {
 
     renderLabelItems()
     {
+        if ( ! Any.isArray(this.tempValue) ) {
+            return null;
+        }
+
         if ( this.collapse ) {
             return this.ctor('renderLabelCollapse')();
         }

package/src/timepicker/src/timepicker/timepicker.js

@@ -6,7 +6,7 @@ export default {
 
     props: {
 
-        value: {
+        modelValue: {
             default()
             {
                 return null;
@@ -144,7 +144,7 @@ export default {
     {
         return {
             focus: false,
-            tempValue: Now.make(this.value),
+            tempValue: Now.make(this.modelValue),
         }
     },