This commit is contained in:
pa
2026-01-16 23:43:12 +09:00
committed by Natsumi
parent d55ee08a05
commit 043765dc8f
29 changed files with 721 additions and 315 deletions

View File

@@ -10,11 +10,12 @@
textValue: { type: String, required: false },
asChild: { type: Boolean, required: false },
as: { type: null, required: false },
class: { type: null, required: false }
class: { type: null, required: false },
indicatorPosition: { type: String, required: false, default: 'left' }
});
const emits = defineEmits(['select', 'update:modelValue']);
const delegatedProps = reactiveOmit(props, 'class');
const delegatedProps = reactiveOmit(props, 'class', 'indicatorPosition');
const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>
@@ -26,10 +27,16 @@
:class="
cn(
'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
props.indicatorPosition === 'right' ? 'pr-8 pl-2' : undefined,
props.class
)
">
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
<span
:class="
props.indicatorPosition === 'right'
? 'pointer-events-none absolute right-2 flex size-3.5 items-center justify-center'
: 'pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'
">
<DropdownMenuItemIndicator>
<slot name="indicator-icon">
<Check class="size-4" />