feat: add Menu component

Author: wewoor

src/components/menu/index.tsx

@@ -0,0 +1,18 @@
+import './style.scss';
+import * as React from 'react';
+import { classNames, prefixClaName } from "mo/common/className";
+import ActionBar, { IActionBar, IActionBarItem } from 'mo/components/actionbar';
+
+export interface IMenuItem extends IActionBarItem {}
+export interface IMenu extends IActionBar {}
+
+export function Menu(props: IMenu) {
+    const { className, ...others } = props;
+    const claNames = classNames(prefixClaName('menu'), className);
+
+    return (
+        <menu className={claNames} >
+            <ActionBar {...others}/>
+        </menu>
+    )
+}

src/components/menu/style.scss

@@ -0,0 +1,42 @@
+@import 'mo/style/const';
+$menu: 'menu';
+
+#{prefix($menu)} {
+    margin: 0;
+    min-width: 130px;
+    padding: 0;
+
+    #{prefix('action-bar')} {
+        padding: 0.5em 0;
+    }
+
+    .action-bar-container {
+        display: block;
+    }
+
+    .action-item {
+        border: thin solid transparent;
+        display: flex;
+        overflow: visible;
+        position: static;
+        text-indent: 1em;
+        transform: none;
+    }
+
+    .action-label {
+        font-size: 13px;
+        height: 1.8em;
+    }
+
+    .action-label.codicon {
+        line-height: 1.8em;
+    }
+
+    .disabled {
+        cursor: default;
+        opacity: 0.4;
+        pointer-events: none;
+    }
+}
+
+