fix: 修复 dialog plugin 聚焦 button 通过键盘频繁触发问题

Tencent · Mar 3, 2022 · 41a236c · 41a236c
1 parent 11bad48
commit 41a236c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/dialog/plugin.tsx b/src/dialog/plugin.tsx
@@ -14,7 +14,13 @@ const createDialog: DialogPlugin = (props: DialogOptions) => {
   const dialogRef = React.createRef<DialogInstance>();
   const options = { ...props };
   const div = document.createElement('div');
-  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);
+  ReactDOM.render(
+    <DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />,
+    div,
+    () => {
+      (document.activeElement as HTMLElement).blur();
+    },
+  );
   const container = getAttach(options.attach);
   if (container) {
     container.appendChild(div);