feat: add onTabChange and onToolbarClick interfaces in panelService

re #45

Author: wewoor

src/controller/panel.tsx

@@ -4,6 +4,7 @@ import { Controller } from 'mo/react/controller';
 import { panelService } from 'mo/services';
 import { singleton } from 'tsyringe';
 import {
+    PanelEvent,
     PANEL_TOOLBOX_CLOSE,
     PANEL_TOOLBOX_RESIZE,
 } from 'mo/model/workbench/panel';
@@ -19,13 +20,14 @@ export class PanelController extends Controller implements IPanelController {
         super();
     }
 
-    public readonly onTabChange = (key: string): void => {
+    public readonly onTabChange = (key: string | undefined): void => {
         const state = panelService.getState();
         if (key) {
             panelService.setState({
                 current: state.data?.find((item) => item.id === key),
             });
         }
+        this.emit(PanelEvent.onTabChange, key);
     };
 
     public readonly onToolbarClick = (
@@ -37,5 +39,6 @@ export class PanelController extends Controller implements IPanelController {
         } else if (item.id === PANEL_TOOLBOX_RESIZE.id) {
             panelService.maximizeRestore();
         }
+        this.emit(PanelEvent.onToolbarClick, e, item);
     };
 }

src/services/workbench/panelService.ts

@@ -3,13 +3,15 @@ import { singleton, container } from 'tsyringe';
 import {
     IPanel,
     IPanelItem,
+    PanelEvent,
     PanelModel,
     PANEL_OUTPUT,
     PANEL_PROBLEMS,
     PANEL_TOOLBOX_RESIZE,
 } from 'mo/model/workbench/panel';
 
 import { searchById } from '../helper';
+import { IActionBarItem } from 'mo/components/actionBar';
 export interface IPanelService extends Component<IPanel> {
     open(data: IPanelItem): void;
     getById(id: string): IPanelItem | undefined;
@@ -23,6 +25,10 @@ export interface IPanelService extends Component<IPanel> {
     clearProblems(): void;
     showHide(): void;
     maximizeRestore(): void;
+    onTabChange(callback: (key: string) => void): void;
+    onToolbarClick(
+        callback: (e: React.MouseEvent, item: IActionBarItem) => void
+    ): void;
 }
 
 @singleton()
@@ -138,4 +144,14 @@ export class PanelService extends Component<IPanel> implements IPanelService {
         }
         return undefined;
     }
+
+    public onTabChange(callback: (key: string) => void) {
+        this.subscribe(PanelEvent.onTabChange, callback);
+    }
+
+    public onToolbarClick(
+        callback: (e: React.MouseEvent, item: IActionBarItem) => void
+    ) {
+        this.subscribe(PanelEvent.onToolbarClick, callback);
+    }
 }