From 919742e6448e114592f7fb7699ad5e184dc45592 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Mon, 17 Feb 2025 15:23:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=A4=9A=E9=80=89=E6=A1=86?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/src/componentMap.ts       |  3 +-
 .../Form/src/components/CustomSelect.vue      | 50 +++++++++++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Form/src/components/CustomSelect.vue

diff --git a/src/components/Form/src/componentMap.ts b/src/components/Form/src/componentMap.ts
index ea4e8474..baa225a8 100644
--- a/src/components/Form/src/componentMap.ts
+++ b/src/components/Form/src/componentMap.ts
@@ -35,6 +35,7 @@ import { IconPicker } from '@/components/Icon';
 import { CountdownInput } from '@/components/CountDown';
 import { BasicTitle } from '@/components/Basic';
 import { CropperAvatar } from '@/components/Cropper';
+import CustomSelect from './components/CustomSelect.vue';
 
 const componentMap = new Map<ComponentType | string, Component>();
 
@@ -49,7 +50,7 @@ componentMap.set('ImageUpload', ImageUpload);
 componentMap.set("VideoUpload",VideoUpload);
 componentMap.set("FileUpload",FileUpload);
 componentMap.set("Location",Location);
-componentMap.set('Select', Select);
+componentMap.set('Select', CustomSelect);
 componentMap.set('ApiSelect', ApiSelect);
 componentMap.set('ApiTree', ApiTree);
 componentMap.set('TreeSelect', TreeSelect);
diff --git a/src/components/Form/src/components/CustomSelect.vue b/src/components/Form/src/components/CustomSelect.vue
new file mode 100644
index 00000000..17f9e3a9
--- /dev/null
+++ b/src/components/Form/src/components/CustomSelect.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { Select } from 'ant-design-vue'
+import { computed } from 'vue'
+
+const props = defineProps({
+  value: [String, Array],
+  mode: String,
+  separator: {
+    type: String,
+    default: ','
+  }
+})
+
+const emit = defineEmits(['update:value', 'change'])
+
+// 处理值的双向转换
+const internalValue = computed({
+  get() {
+    if (['multiple', 'tags'].includes(props.mode)) {
+      if (typeof props.value === 'string') {
+        return props.value ? props.value.split(props.separator) : []
+      }
+      return props.value || []
+    }
+    return props.value
+  },
+  set(newVal) {
+    if (['multiple', 'tags'].includes(props.mode)) {
+      const strValue = Array.isArray(newVal) 
+        ? newVal.join(props.separator)
+        : ''
+      emit('update:value', strValue)
+      emit('change', strValue)
+    } else {
+      emit('update:value', newVal)
+      emit('change', newVal)
+    }
+  }
+})
+</script>
+
+<template>
+  <Select
+    v-model:value="internalValue"
+    :mode="mode"
+    v-bind="$attrs"
+  >
+    <slot></slot>
+  </Select>
+</template>
\ No newline at end of file