@kizmann/nano-ui 0.8.32 → 0.8.34

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

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

@@ -1,5 +1,25 @@
 @import "../../../root/vars";
 
+.n-form-item__condition span {
+    color: $color-gray-50;
+}
+
+.n-form-item.is-disabled .n-form-item__condition {
+    background: rgba($color-primary, 0.1);
+}
+
+.n-form-item.is-disabled .n-form-item__condition span {
+    color: rgba($color-primary, 0.75);
+}
+
+.n-form-item.is-disabled .n-form-item__condition:hover {
+    background: rgba($color-primary, 0.15);
+}
+
+.n-form-item.is-disabled .n-form-item__condition:hover span {
+    color: rgba($color-primary, 0.85);
+}
+
 .n-form-item__label label {
     color: $color-gray-60;
 }

package/webservy.json

@@ -0,0 +1,6 @@
+{
+    "hostname": "nano-ui.local",
+    "webroot": "",
+    "engine": "apache",
+    "version": "php-8.2.8"
+}