fix: fix panels didn't active the next one after closing automatically (

#653)
DTStack · Feb 13, 2022 · 784dc07 · 784dc07
1 parent 2294b3d
commit 784dc07
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/tabs/tab.tsx b/src/components/tabs/tab.tsx
@@ -156,7 +156,10 @@ export function Tab({ tab, active, ...restEvents }: ITabComponent) {
                         tabItemClassName,
                         status ? 'status' : 'op'
                     )}
-                    onClick={() => onCloseTab?.(id)}
+                    onClick={(e) => {
+                        e.stopPropagation();
+                        onCloseTab?.(id);
+                    }}
                     renderStatus={(isHover) => renderStatus(status, isHover)}
                 />
             )}

diff --git a/src/components/tabs/tabExtra.tsx b/src/components/tabs/tabExtra.tsx
@@ -3,7 +3,7 @@ import { getBEMElement } from 'mo/common/className';
 
 interface ITabExtraProps {
     classNames?: string;
-    onClick?: () => void;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
     renderStatus?: (hover: boolean) => JSX.Element;
 }
 

diff --git a/src/controller/panel.tsx b/src/controller/panel.tsx
@@ -66,11 +66,8 @@ export class PanelController extends Controller implements IPanelController {
     }
 
     public readonly onTabChange = (key: UniqueId): void => {
-        const state = this.panelService.getState();
         if (key) {
-            this.panelService.setState({
-                current: state.data?.find((item) => item.id === key),
-            });
+            this.panelService.setActive(key);
         }
         this.emit(PanelEvent.onTabChange, key);
     };