feat(select): add nullLabel prop

bimdata · May 31, 2022 · 9098123 · 9098123
1 parent 60d1f3c
commit 9098123
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue b/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue
@@ -51,6 +51,9 @@ export default {
       type: Boolean,
       default: false,
     },
+    nullLabel: {
+      type: String,
+    },
     disabled: {
       type: Boolean,
       default: false,

diff --git a/src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue b/src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue
@@ -87,6 +87,9 @@ export default {
     modelValue: {
       type: Array,
     },
+    nullLabel: {
+      type: String,
+    },
     disabled: {
       type: Boolean,
       default: false,
@@ -116,6 +119,9 @@ export default {
       return option;
     },
     optionLabel(option) {
+      if (this.nullLabel && option == null) {
+        return this.nullLabel;
+      }
       if (this.optionLabelKey && option) {
         return option[this.optionLabelKey];
       }

diff --git a/src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue b/src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue
@@ -27,7 +27,7 @@
           class="bimdata-select__option-list__entry"
           @click="onNullValueClick()"
         >
-          None
+          {{ nullLabel || "None" }}
         </li>
         <li
           class="bimdata-select__option-list__entry"
@@ -88,6 +88,9 @@ export default {
       type: Boolean,
       default: false,
     },
+    nullLabel: {
+      type: String,
+    },
     disabled: {
       type: Boolean,
       default: false,
@@ -117,6 +120,9 @@ export default {
       return option;
     },
     optionLabel(option) {
+      if (this.nullLabel && option == null) {
+        return this.nullLabel;
+      }
       if (this.optionLabelKey && option) {
         return option[this.optionLabelKey];
       }