fix(comp:select): blur event clear input value

IDuxFE · Feb 8, 2023 · 64fce3f · 64fce3f
1 parent 378d1c4
commit 64fce3f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/components/_private/selector/src/composables/useInputState.ts b/packages/components/_private/selector/src/composables/useInputState.ts
@@ -40,10 +40,6 @@ export function useInputState(props: SelectorProps, mergedSearchable: ComputedRe
   }
 
   const handleBlur = (evt: FocusEvent) => {
-    if (props.allowInput && !props.multiple) {
-      props.value[0] = inputValue.value
-      inputValue.value = ''
-    }
     isFocused.value = false
     callEmit(props.onBlur, evt)
   }

diff --git a/packages/components/select/src/Select.tsx b/packages/components/select/src/Select.tsx
@@ -107,7 +107,13 @@ export default defineComponent({
       }
     }
 
-    const handleBlur = () => accessor.markAsBlurred()
+    const handleBlur = () => {
+      if (props.allowInput && inputValue.value) {
+        changeSelected(inputValue.value)
+        clearInput()
+      }
+      accessor.markAsBlurred()
+    }
     const handleItemRemove = (value: VKey) => {
       focus()
       handleRemove(value)