From 595b8c5bb48854d608ef86c027dc95f292cfef6a Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 31 May 2026 17:16:17 +0800
Subject: [PATCH] =?UTF-8?q?fix(form-create):=20=E4=BF=AE=E5=A4=8D=E5=AD=97?=
 =?UTF-8?q?=E5=85=B8=E9=80=89=E6=8B=A9=E5=99=A8=20modelValue=20=E5=9B=9E?=
 =?UTF-8?q?=E6=98=BE=E5=85=BC=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Vben5 web-ele 使用默认 modelValue 绑定，修正相关注释避免误用 model-value
- Vben5 web-antd 保留 value 绑定并明确组件库差异
- Vue3 DictSelect 显式接收 modelValue 并派发 update:modelValue，避免选择值更新后回显异常
---
 .../FormCreate/src/components/DictSelect.vue  | 43 +++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/components/FormCreate/src/components/DictSelect.vue b/src/components/FormCreate/src/components/DictSelect.vue
index 204746d17..818ce30f5 100644
--- a/src/components/FormCreate/src/components/DictSelect.vue
+++ b/src/components/FormCreate/src/components/DictSelect.vue
@@ -1,6 +1,12 @@
 <!-- 数据字典 Select 选择器 -->
 <template>
-  <el-select v-if="selectType === 'select'" class="w-1/1" v-bind="attrs">
+  <el-select
+    v-if="selectType === 'select'"
+    v-model="selectedValue"
+    class="w-1/1"
+    v-bind="attrs"
+    @change="handleChange"
+  >
     <el-option
       v-for="(dict, index) in getDictOptions"
       :key="index"
@@ -8,12 +14,24 @@
       :value="dict.value"
     />
   </el-select>
-  <el-radio-group v-if="selectType === 'radio'" class="w-1/1" v-bind="attrs">
+  <el-radio-group
+    v-if="selectType === 'radio'"
+    v-model="selectedValue"
+    class="w-1/1"
+    v-bind="attrs"
+    @change="handleChange"
+  >
     <el-radio v-for="(dict, index) in getDictOptions" :key="index" :value="dict.value">
       {{ dict.label }}
     </el-radio>
   </el-radio-group>
-  <el-checkbox-group v-if="selectType === 'checkbox'" class="w-1/1" v-bind="attrs">
+  <el-checkbox-group
+    v-if="selectType === 'checkbox'"
+    v-model="selectedValue"
+    class="w-1/1"
+    v-bind="attrs"
+    @change="handleChange"
+  >
     <el-checkbox
       v-for="(dict, index) in getDictOptions"
       :key="index"
@@ -33,6 +51,7 @@ const attrs = useAttrs()
 // 接受父组件参数
 interface Props {
   dictType: string // 字典类型
+  modelValue?: any // 选中值，由 form-create 默认 modelValue 绑定
   valueType?: 'str' | 'int' | 'bool' // 字典值类型
   selectType?: 'select' | 'radio' | 'checkbox' // 选择器类型，下拉框 select、多选框 checkbox、单选框 radio
   formCreateInject?: any
@@ -43,6 +62,20 @@ const props = withDefaults(defineProps<Props>(), {
   selectType: 'select'
 })
 
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: any): void
+}>()
+
+const selectedValue = ref<any>()
+
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    selectedValue.value = newValue
+  },
+  { immediate: true }
+)
+
 // 获得字典配置
 const getDictOptions = computed(() => {
   switch (props.valueType) {
@@ -56,4 +89,8 @@ const getDictOptions = computed(() => {
       return []
   }
 })
+
+const handleChange = (value: any) => {
+  emit('update:modelValue', value)
+}
 </script>