feat(Select): emptyString and by default show name

Signed-off-by: Florian-Schoenherr <florian.schoenherr99@gmail.com>
TheComputerM · Mar 21, 2021 · 63a9ba2 · 63a9ba2
1 parent c520de3
commit 63a9ba2
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/svelte-materialify/src/components/Select/Select.svelte b/packages/svelte-materialify/src/components/Select/Select.svelte
@@ -25,7 +25,13 @@
   export let chips = false;
   export let disabled = null;
   export let closeOnClick = !multiple;
-  export let format = (val) => (Array.isArray(val) ? val.join(', ') : val);
+  export let emptyString = '';
+  export let format = (val) => Array.isArray(val) ? val.map(v => getSelectString(v)).join(', ') : getSelectString(val);
+
+  const getSelectString = (v) => {
+    const item = items.find(item => item.value === v);
+    return item ? item.name : emptyString;
+  }
   const dispatch = createEventDispatcher();
   $: dispatch('change', value);
 </script>