feat(fields): 可选字段(非 required)编辑态可清空,统一 :clearable=!required

之前 Select/Relation 编辑态根本没 clearable(可选也删不掉),String/Textarea/Date 又恒清。
现统一 String/Textarea/Select/Relation/Date 的 edit 控件 clearable=!required:可选给清空、必填不给。
Relation 清空归一成 null(el-select 单选清空发 '',ObjectId 存 '' 会 cast 报错)。
已知例外:Number 用 el-input-number 无 clearable 属性,只能手动清空输入框、无按钮。
This commit is contained in:
2026-06-29 21:11:58 +08:00
parent 701ed957ef
commit bba08dadcc
6 changed files with 12 additions and 6 deletions
+7 -2
View File
@@ -18,7 +18,7 @@
>
<el-option v-for="opt in options" :key="opt.value" :label="opt.label" :value="opt.value" />
</el-select>
<el-select v-else :model-value="stringValue" @update:model-value="$emit('update:modelValue', $event)" :disabled="disabled" :multiple="field.multiple" filterable remote :remote-method="onSearch" :loading="loading" style="width: 100%">
<el-select v-else :model-value="stringValue" @update:model-value="onEdit" :disabled="disabled" :multiple="field.multiple" :clearable="!field.required" filterable remote :remote-method="onSearch" :loading="loading" style="width: 100%">
<el-option v-for="opt in options" :key="opt.value" :label="opt.label" :value="opt.value" />
</el-select>
</template>
@@ -35,10 +35,15 @@ const props = defineProps<{
disabled?: boolean
}>()
defineEmits<{
const emit = defineEmits<{
'update:modelValue': [value: any]
}>()
// 编辑态清空:el-select 单选清空发 '',但 relation 是 ObjectId,存 '' 会 cast 报错 → 归一成 null(取消关联)
function onEdit(v: any) {
emit('update:modelValue', v === '' ? null : v)
}
const options = ref<{ label: string; value: string }[]>([])
const loading = ref(false)