eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Attempt to fix displayName undefined error (#3424)

Browse Source
This commit is contained in:
Prospector
2025-03-25 18:04:50 -07:00
committed by GitHub
parent fd2f500038
commit 4508fad588
3 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/components/base/ManySelect.vue
View File

@@ -43,7 +43,7 @@
class="!w-full"
:color="manyValues.includes(option) ? 'secondary' : 'default'"
>
<slot name="option" :option="option">{{ displayName?.(option) }}</slot>
<slot name="option" :option="option">{{ getOptionLabel(option) }}</slot>
<CheckIcon
class="h-5 w-5 text-contrast ml-auto transition-opacity"
:class="{ 'opacity-0': !manyValues.includes(option) }"
@@ -59,7 +59,7 @@
class="!w-full"
:color="manyValues.includes(option) ? 'secondary' : 'default'"
>
<slot name="option" :option="option">{{ displayName?.(option) }}</slot>
<slot name="option" :option="option">{{ getOptionLabel(option) }}</slot>
<CheckIcon
class="h-5 w-5 text-contrast ml-auto transition-opacity"
:class="{ 'opacity-0': !manyValues.includes(option) }"
@@ -97,7 +97,7 @@ const props = withDefaults(
disabled: false,
position: 'auto',
direction: 'auto',
displayName: (option: Option) => option as string,
displayName: undefined,
search: false,
dropdownId: '',
dropdownClass: '',
@@ -106,6 +106,10 @@ const props = withDefaults(
},
)
function getOptionLabel(option: Option): string {
return props.displayName?.(option) ?? (option as string)
}
const emit = defineEmits(['update:modelValue', 'change'])
const selectedValues = ref(props.modelValue || [])
const searchInput = ref()
@@ -127,7 +131,7 @@ const filteredOptions = computed(() => {
return props.options.filter(
(x) =>
!searchQuery.value ||
props.displayName(x).toLowerCase().includes(searchQuery.value.toLowerCase()),
getOptionLabel(x).toLowerCase().includes(searchQuery.value.toLowerCase()),
)
})