feat(statusbar): update status bar controller

#17

Author: linhe

src/controller/statusBar.tsx

@@ -1,40 +1,37 @@
 import * as React from 'react';
 import { IStatusBarItem, StatusBarEvent } from 'mo';
 import { Controller } from 'mo/react/controller';
-import { statusBarService } from 'mo/services';
+import { panelService } from 'mo/services';
 import { singleton } from 'tsyringe';
+import { PANEL_PROBLEMS } from 'mo/model/workbench/panel';
+import { STATUS_PROBLEMS } from 'mo/model/workbench/statusBar';
+
 export interface IStatusBarController {
     onClick?: (e: React.MouseEvent, item: IStatusBarItem) => void;
 }
-
-const problems: IStatusBarItem = {
-    id: 'MoProblems',
-    sortIndex: 1,
-    name: 'Problems',
-};
-
-export const editorLineColumnItem: IStatusBarItem = {
-    id: 'EditorCountInfo',
-    sortIndex: 2,
-    name: 'Go to Line/Column',
-    render: () => <span>Ln 0, Col 0</span>,
-};
-
 @singleton()
 export class StatusBarController
     extends Controller
     implements IStatusBarController {
     constructor() {
         super();
-        this.initStatusBar();
     }
 
     public onClick = (e: React.MouseEvent, item: IStatusBarItem) => {
+        const { id } = item;
+        switch (id) {
+            case STATUS_PROBLEMS.id /** Problems */:
+                const { current, hidden } = panelService.getState();
+                if (hidden) {
+                    panelService.showHide();
+                } else if (current?.id !== PANEL_PROBLEMS.id) {
+                    panelService.open(PANEL_PROBLEMS);
+                } else {
+                    panelService.showHide();
+                }
+                break;
+            default:
+        }
         this.emit(StatusBarEvent.onClick, e, item);
     };
-
-    private initStatusBar() {
-        statusBarService.appendLeftItem(problems);
-        statusBarService.appendRightItem(editorLineColumnItem);
-    }
 }