feat(select-input): clear input value on blur

Tencent · Sep 28, 2023 · 781b89b · 781b89b
1 parent 3438817
commit 781b89b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/select-input/useMultiple.tsx b/src/select-input/useMultiple.tsx
@@ -70,6 +70,9 @@ export default function useMultiple(props: TdSelectInputProps) {
       onFocus={(val, context) => {
         props.onFocus?.(props.value, { ...context, tagInputValue: val });
       }}
+      onBlur={() => {
+        setTInputValue('');
+      }}
       {...props.tagInputProps}
       inputProps={{
         readonly: !props.allowInput || props.readonly,

diff --git a/src/select-input/useSingle.tsx b/src/select-input/useSingle.tsx
@@ -88,6 +88,9 @@ export default function useSingle(props: TdSelectInputProps) {
           // focus might not need to change input value. it will caught some curious errors in tree-select
           // !popupVisible && setInputValue(getInputValue(value, keys), { ...context, trigger: 'input' });
         }}
+        onBlur={() => {
+          setInputValue('');
+        }}
         onEnter={(val, context) => {
           props.onEnter?.(value, { ...context, inputValue: val });
         }}