feat: GiForm 新增年\月\季度\周\范围、颜色选择器支持

This commit is contained in:
2024-08-06 21:44:33 +08:00
parent 3b6a766866
commit ad53e1d419
2 changed files with 54 additions and 0 deletions

View File

@@ -121,6 +121,48 @@
</a-time-picker>
</template>
<template v-if="item.type === 'year-picker'">
<a-year-picker
v-bind="(item.props as A.YearPickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-year-picker>
</template>
<template v-if="item.type === 'month-picker'">
<a-month-picker
v-bind="(item.props as A.MonthPickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-month-picker>
</template>
<template v-if="item.type === 'quarter-picker'">
<a-quarter-picker
v-bind="(item.props as A.QuarterPickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-quarter-picker>
</template>
<template v-if="item.type === 'week-picker'">
<a-week-picker
v-bind="(item.props as A.WeekPickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-week-picker>
</template>
<template v-if="item.type === 'range-picker'">
<a-range-picker
v-bind="(item.props as A.RangePickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-range-picker>
</template>
<template v-if="item.type === 'color-picker'">
<a-color-picker
v-bind="(item.props as A.ColorPickerInstance['$props'])"
:model-value="modelValue[item.field as keyof typeof modelValue]"
@update:model-value="valueChange($event, item.field)"></a-color-picker>
</template>
<template v-if="item.type === 'rate'">
<a-rate
v-bind="(item.props as A.RateInstance['$props'])"