@kizmann/nano-ui 0.8.33 → 0.8.34

package/package.json

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

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');
         }