fix(select-value): use the by prop for selectedLabel (#1818)

J-Michalek · Jakub · web-flow · commit 7fc435be0e78 · 2025-04-16T14:56:42.000+08:00
* fix(select-value): use the  prop for selectedLabel

* refactor(select-value): simplify the code around valueComparator

---------

Co-authored-by: Jakub &lt;jakub.michalek@freelo.io&gt;
diff --git a/packages/core/src/Select/SelectValue.vue b/packages/core/src/Select/SelectValue.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
 import type { AcceptableValue } from '@/shared/types'
+import { valueComparator } from './utils'
 
 export interface SelectValueProps extends PrimitiveProps {
   /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
@@ -30,7 +31,7 @@ onMounted(() => {
 const selectedLabel = computed(() => {
   let list: string[] = []
   const options = Array.from(rootContext.optionsSet.value)
-  const getOption = (value?: AcceptableValue) => options.find(option => option.value === value)
+  const getOption = (value?: AcceptableValue) => options.find(option => valueComparator(value, option.value, rootContext.by))
   if (Array.isArray(rootContext.modelValue.value)) {
     list = rootContext.modelValue.value.map(value => getOption(value)?.textContent ?? '')
   }
