Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update

Browse Source
This commit is contained in:
Sadegh Barati 2024-04-01 14:32:23 +03:30
parent a79a7ed5cd
commit f6a3879582
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/www/src/lib/registry/default/example/CalendarWithSelect.vue
View File

@ -6,9 +6,7 @@ import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, Cale
import { import {
Select, Select,
SelectContent, SelectContent,
SelectGroup,
SelectItem, SelectItem,
SelectLabel,
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/lib/registry/default/ui/select' } from '@/lib/registry/default/ui/select'
@ -41,21 +39,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
v-bind="forwarded" v-bind="forwarded"
:class="cn('rounded-md border p-3', props.class)" :class="cn('rounded-md border p-3', props.class)"
> >
{{ JSON.stringify(placeholder) }}
<CalendarHeader> <CalendarHeader>
<CalendarHeading class="flex w-full items-center justify-between gap-2"> <CalendarHeading class="flex w-full items-center justify-between gap-2">
<Select <Select
:default-value="placeholder.month.toString()" :default-value="placeholder.month.toString()"
@update:model-value="(v) => { @update:model-value="(v) => {
if (!v || !placeholder) return;
console.log(v) if (Number(v) === placeholder?.month) return;
// if (!v || !placeholder) return; placeholder = placeholder.set({
// if (Number(v) === placeholder?.month) return; month: +v,
toRaw(placeholder).set({
month: 6,
}) })
console.log(toRaw(placeholder))
}" }"
> >
<SelectTrigger aria-label="Select month" class="w-[60%]"> <SelectTrigger aria-label="Select month" class="w-[60%]">
@ -73,6 +66,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
<Select <Select
:default-value="props.placeholder.year.toString()" :default-value="props.placeholder.year.toString()"
@update:model-value="(v) => {
if (!v || !placeholder) return;
if (Number(v) === placeholder?.year) return;
placeholder = placeholder.set({
year: +v,
})
}"
> >
<SelectTrigger aria-label="Select year" class="w-[40%]"> <SelectTrigger aria-label="Select year" class="w-[40%]">
<SelectValue placeholder="Select year" /> <SelectValue placeholder="Select year" />