@kizmann/nano-ui 0.8.33 → 0.8.35

package/package.json

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

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

@@ -15,6 +15,14 @@ export default {
             type: [Object]
         },
 
+        extraValue: {
+            default()
+            {
+                return {};
+            },
+            type: [Object]
+        },
+
         config: {
             default()
             {
@@ -36,7 +44,7 @@ export default {
     data()
     {
         return {
-            tempValue: this.modelValue
+            tempValue: this.modelValue, sempValue: this.extraValue
         };
     },
 
@@ -46,6 +54,12 @@ export default {
             if ( value !== this.tempValue ) {
                 this.tempValue = value;
             }
+        },
+
+        extraValue: function (value) {
+            if ( value !== this.sempValue ) {
+                this.sempValue = value;
+            }
         }
 
     },
@@ -101,7 +115,7 @@ export default {
             }
 
             let sources = {
-                $scope: this.scope, $model: this.tempValue, $global: window
+                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
             };
 
             if ( exists ) {
@@ -170,7 +184,7 @@ export default {
             }
 
             let sources = {
-                $scope: this.scope, $model: this.tempValue, $global: window
+                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
             };
 
             let result = Obj.get(sources, value.replace(/^!+/, ''));
@@ -193,7 +207,7 @@ export default {
             }
 
             let sources = {
-                $scope: this.scope, $model: this.tempValue, $global: window
+                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
             };
 
             if ( ! Any.isNull(fallback) && Obj.get(sources, prop, -1337) === -1337 ) {
@@ -210,7 +224,7 @@ export default {
             }
 
             let sources = {
-                $scope: this.scope, $model: this.tempValue, $global: window
+                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
             };
 
             Obj.set(sources, prop, value);

package/src/form/src/form-item/form-item.scss

@@ -60,7 +60,7 @@
 
     .n-form-item--#{$suffix} .n-form-item__condition {
         font-size: $-form-item-font - 2;
-        padding: $-form-item-size * $-form-item-ratio * 0.25 $-form-item-size * $-form-item-ratio * 0.75;
+        padding: $-form-item-size * $-form-item-ratio * 0.15 $-form-item-size * $-form-item-ratio * 0.75;
     }
 
     .n-form-item--#{$suffix} .n-form-item__label {

package/src/input-number/src/input-number/input-number.js

@@ -7,6 +7,15 @@ export default {
 
     inheritAttrs: false,
 
+    inject: {
+
+        NFormItem: {
+            default: undefined
+        }
+        
+    },
+
+
     props: {
 
         modelValue: {

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

@@ -4,6 +4,14 @@ export default {
 
     name: 'NSelect',
 
+    inject: {
+
+        NFormItem: {
+            default: undefined
+        }
+
+    },
+
     props: {
 
         modelValue: {
@@ -152,6 +160,11 @@ export default {
 
     computed: {
 
+        deepDisabled() {
+            return this.NFormItem ? this.NFormItem.disabled(this.disabled) :
+                this.disabled;
+        },
+
         empty()
         {
             return Any.isEmpty(this.tempValue);
@@ -494,7 +507,7 @@ export default {
 
         let props = {};
 
-        if ( ! this.disabled ) {
+        if ( ! this.deepDisabled ) {
             props.onMousedown = this.clear;
         }
 
@@ -524,7 +537,7 @@ export default {
             class: nano.Icons.times,
         };
 
-        if ( ! this.disabled ) {
+        if ( ! this.deepDisabled ) {
             props.onMousedown = (event) => this.toggleOption(value, event);
         }
 
@@ -589,7 +602,7 @@ export default {
         let props = {
             value: this.search,
             placeholder: this.placeholder,
-            disabled: this.disabled,
+            disabled: this.deepDisabled,
             onFocus: this.onFocusInput,
             onInput: this.onInputInput,
             onKeydown: this.onKeydownInput
@@ -635,7 +648,7 @@ export default {
         let props = {
             value: this.search,
             placeholder: this.placeholder,
-            disabled: this.disabled,
+            disabled: this.deepDisabled,
             onFocus: this.onFocusInput,
             onInput: this.onInputInput,
             onKeydown: this.onKeydownInput
@@ -721,7 +734,7 @@ export default {
             listen: true,
             size: this.size,
             scrollClose: true,
-            disabled: this.disabled,
+            disabled: this.deepDisabled,
             onClose: this.resetInput
         };
 
@@ -774,7 +787,7 @@ export default {
             classList.push('n-focus');
         }
 
-        if ( this.disabled ) {
+        if ( this.deepDisabled ) {
             classList.push('n-disabled');
         }
 

package/src/switch/src/switch/switch.js

@@ -4,6 +4,14 @@ export default {
 
     name: 'NSwitch',
 
+    inject: {
+
+        NFormItem: {
+            default: undefined
+        }
+
+    },
+
     props: {
 
         modelValue: {
@@ -58,6 +66,15 @@ export default {
 
     },
 
+    computed: {
+
+        deepDisabled() {
+            return this.NFormItem ? this.NFormItem.disabled(this.disabled) :
+                this.disabled;
+        }
+
+    },
+
     data()
     {
         return {
@@ -99,7 +116,7 @@ export default {
 
         let props = {};
 
-        if ( ! this.disabled ) {
+        if ( ! this.deepDisabled ) {
             props.onMousedown = this.eventClick;
         }
 
@@ -122,7 +139,7 @@ export default {
 
         let props = {};
 
-        if ( ! this.disabled ) {
+        if ( ! this.deepDisabled ) {
             props.onMousedown = this.eventClick;
         }
 
@@ -156,7 +173,7 @@ export default {
             classList.push('n-off');
         }
 
-        if ( this.disabled ) {
+        if ( this.deepDisabled ) {
             classList.push('n-disabled');
         }