feat(select): add nullLabel prop

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

Hide file tree

Showing 4 changed files with 22 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];
       }

diff --git a/src/web/views/Components/Select/props-data.js b/src/web/views/Components/Select/props-data.js
@@ -54,6 +54,12 @@ export default [
     "This props has no effect in multi-selection mode. "
     + "Add a 'none' value in single-selection mode.",
   ],
+  [
+    "nullLabel",
+    "String",
+    "",
+    "Define a custom label for `null` or `undefined` options."
+  ],
   [
     "disabled",
     "Boolean",