feat: add menuBarProvider

Author: wewoor

src/provider/menuBar.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { IMenuBar, MenuBarEvent } from 'mo/core/workbench/menuBar';
+import { BaseProvider } from './base';
+import { moleculeService } from 'mo/main';
+import { cloneInstance } from 'mo/common/utils';
+
+const initialState = cloneInstance(moleculeService.menuBar);
+
+export const MenuBarCtx = React.createContext<IMenuBar>(initialState);
+
+export class MenuBarProvider extends BaseProvider<any, IMenuBar> {
+    state: IMenuBar;
+    constructor(props) {
+        super(props);
+        this.register([MenuBarEvent.DataChanged]);
+        this.state = initialState;
+    }
+
+    public render() {
+        return (
+            <MenuBarCtx.Provider
+                value={this.state}>
+                { this.props.children }
+            </MenuBarCtx.Provider>
+        );
+    }
+}

src/workbench/menuBar/menuBar.tsx

@@ -0,0 +1,26 @@
+import 'mo/workbench/menuBar/style.scss';
+import * as React from 'react';
+import { prefixClaName } from 'mo/common/className';
+import { IMenuBar } from 'mo/core/workbench/menuBar';
+
+export interface IMenuBarProps {
+    // menuBar: IMenuBar;
+}
+
+function MenuBar(props: IMenuBar) {
+    // const { menuBar } = props;
+    const menuBar = props;
+    console.log('menubar:', props);
+    const click = function(e) {
+        menuBar.onClick(e, {
+            name: 'test',
+        });
+    };
+    return (
+        <div className={prefixClaName('menuBar')}>
+            <a className="menu-action codicon codicon-menu" onClick={click}></a>
+        </div>
+    );
+};
+
+export default MenuBar;