From 741718a0f92c790266e7a07d8d129c5673344a7e Mon Sep 17 00:00:00 2001
From: undefined <undefined>
Date: Fri, 10 Sep 2021 10:03:49 +0800
Subject: [PATCH] fix: autocomplete can not reset to undefined

---
 components/vc-select/generate.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/vc-select/generate.tsx b/components/vc-select/generate.tsx
index e1b89e48d..d0fc54f65 100644
--- a/components/vc-select/generate.tsx
+++ b/components/vc-select/generate.tsx
@@ -401,13 +401,18 @@ export default function generateSelector<
       // ============================== Ref ===============================
       const selectorDomRef = createRef();
 
-      const mergedValue = ref();
+      const innerSearchValue = ref('');
+      const setInnerSearchValue = (val: string) => {
+        innerSearchValue.value = val;
+      };
+
+      const mergedValue = ref(props.value !== undefined ? props.value : props.defaultValue);
       watch(
         () => props.value,
         () => {
-          mergedValue.value = props.value !== undefined ? props.value : props.defaultValue;
+          mergedValue.value = props.value;
+          innerSearchValue.value = '';
         },
-        { immediate: true },
       );
       // ============================= Value ==============================
 
@@ -429,10 +434,6 @@ export default function generateSelector<
       const setActiveValue = (val: string) => {
         activeValue.value = val;
       };
-      const innerSearchValue = ref('');
-      const setInnerSearchValue = (val: string) => {
-        innerSearchValue.value = val;
-      };
 
       const mergedSearchValue = computed(() => {
         let mergedSearchValue = innerSearchValue.value;