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

Author: mortalYoung

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)}
                 />
             )}

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;
 }
 

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);
     };