add disable input support for ui-select (#1532)

kiln property takes precedence over user actions
clay · Aug 16, 2021 · ead7e62 · ead7e62
1 parent 25e8521
commit ead7e62
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/inputs/select.vue b/inputs/select.vue
@@ -83,7 +83,7 @@
     :label="label"
     :floatingLabel="true"
     :help="args.help"
-    :disabled="disabled"
+    :disabled="isDisabled"
     :error="errorMessage"
     :invalid="isInvalid"
     iconPosition="right"
@@ -114,7 +114,7 @@
     data() {
       return {
         listOptions: [],
-        isDisabled: false
+        userDisabled: false
       };
     },
     mounted() {
@@ -209,6 +209,9 @@
       },
       isInvalid() {
         return !!this.errorMessage;
+      },
+      isDisabled() {
+        return this.disabled || this.userDisabled;
       }
     },
     methods: {
@@ -252,10 +255,10 @@
         return promise;
       },
       disableInput() {
-        this.isDisabled = true;
+        this.userDisabled = true;
       },
       enableInput() {
-        this.isDisabled = false;
+        this.userDisabled = false;
       }
     },
     components: {