docs: resolve ime error in search (#2651)

Co-authored-by: 田丰 <[email protected]>
DouyinFE · Jan 7, 2025 · 3dbb4c0 · 3dbb4c0
1 parent f219141
commit 3dbb4c0
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/semi-ui/jsonViewer/index.tsx b/packages/semi-ui/jsonViewer/index.tsx
@@ -55,6 +55,7 @@ class JsonViewerCom extends BaseComponent<JsonViewerProps, JsonViewerState> {
     private editorRef: React.RefObject<HTMLDivElement>;
     private searchInputRef: React.RefObject<HTMLInputElement>;
     private replaceInputRef: React.RefObject<HTMLInputElement>;
+    private isComposing: boolean = false;
 
     foundation: JsonViewerFoundation;
 
@@ -190,6 +191,16 @@ class JsonViewerCom extends BaseComponent<JsonViewerProps, JsonViewerState> {
                     className={`${prefixCls}-search-bar-input`}
                     onChange={(_value, e) => {
                         e.preventDefault();
+                        if (!this.isComposing) {
+                            this.searchHandler();
+                        }
+                        this.searchInputRef.current?.focus();
+                    }}
+                    onCompositionStart={() => {
+                        this.isComposing = true;
+                    }}
+                    onCompositionEnd={() => {
+                        this.isComposing = false;
                         this.searchHandler();
                         this.searchInputRef.current?.focus();
                     }}