arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-02 13:17:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(RadioGroup): expose modeValue in label / description slots

Browse Source
This commit is contained in:
Benjamin Canac
2024-06-10 11:41:33 +02:00
parent 0f2da5bb15
commit b56151e144
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/runtime/components/RadioGroup.vue
View File

@@ -28,7 +28,7 @@ export interface RadioGroupProps<T> extends Omit<RadioGroupRootProps, 'asChild'
export interface RadioGroupEmits extends RadioGroupRootEmits {} export interface RadioGroupEmits extends RadioGroupRootEmits {}
type SlotProps<T> = (props: { item: T }) => any type SlotProps<T> = (props: { item: T, modelValue?: string }) => any
export interface RadioGroupSlots<T> { export interface RadioGroupSlots<T> {
legend(): any legend(): any
@@ -84,6 +84,7 @@ const normalizedItems = computed(() => {
<template> <template>
<RadioGroupRoot <RadioGroupRoot
:id="id" :id="id"
v-slot="{ modelValue }"
v-bind="rootProps" v-bind="rootProps"
:name="name" :name="name"
:disabled="disabled" :disabled="disabled"
@@ -110,10 +111,10 @@ const normalizedItems = computed(() => {
<div :class="ui.wrapper()"> <div :class="ui.wrapper()">
<Label :class="ui.label()" :for="item.id"> <Label :class="ui.label()" :for="item.id">
<slot name="label" :item="item">{{ item.label }}</slot> <slot name="label" :item="item" :model-value="modelValue">{{ item.label }}</slot>
</Label> </Label>
<p v-if="item.description || !!slots.description" :class="ui.description()"> <p v-if="item.description || !!slots.description" :class="ui.description()">
<slot name="description" :item="item"> <slot name="description" :item="item" :model-value="modelValue">
{{ item.description }} {{ item.description }}
</slot> </slot>
</p> </p>