feat: export the shadowClassName of contextView

Author: wewoor

src/components/contextView/index.tsx

@@ -37,7 +37,7 @@ enum ContextViewEvent {
 const contextViewClass = prefixClaName('context-view');
 const contentClassName = getBEMElement(contextViewClass, 'content');
 const blockClassName = getBEMElement(contextViewClass, 'block');
-const shadowClassName = getBEMModifier(contextViewClass, 'shadow');
+export const shadowClassName = getBEMModifier(contextViewClass, 'shadow');
 
 const Emitter = new EventEmitter();
 

src/controller/notification.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { IStatusBarItem, StatusBarEvent } from 'mo';
+import { Controller } from 'mo/react/controller';
+import { statusBarService } from 'mo/services';
+import { singleton } from 'tsyringe';
+
+export interface INotificationController {
+    onClick?: (e: React.MouseEvent, item: IStatusBarItem) => void;
+}
+
+@singleton()
+export class NotificationController
+    extends Controller
+    implements INotificationController {
+    constructor() {
+        super();
+        this.initStatusBar();
+    }
+
+    public onClick = (e: React.MouseEvent, item: IStatusBarItem) => {
+        this.emit(StatusBarEvent.onClick, e, item);
+    };
+
+    public notify() {
+        console.log('service:', statusBarService);
+    }
+
+    private initStatusBar() {
+    }
+}

src/model/notification.tsx

@@ -0,0 +1,41 @@
+import { Icon } from 'mo/components/icon';
+import * as React from 'react';
+import { injectable } from 'tsyringe';
+import { IStatusBarItem } from './workbench/statusBar';
+
+export type NotificationStatusType = 'message' | 'normal';
+
+export interface INotification<T = any> extends IStatusBarItem {
+    data: T[];
+    status: NotificationStatusType;
+}
+
+@injectable()
+export class NotificationModel<T> implements INotification<T> {
+
+    static readonly ID = 'MO_NOTIFICATION';
+    static readonly NAME = 'Notification';
+
+    public id: string;
+    public name: string;
+    public data: T[];
+    public sortIndex: number;
+    public render: () => ReactNode;
+    public status: NotificationStatusType;
+
+    constructor(
+        id: string = NotificationModel.ID,
+        name: string = NotificationModel.NAME,
+        data: T[] = [],
+        sortIndex: number = 1,
+        render: () => ReactNode = () => <Icon type="bell" />,
+        status: NotificationStatusType = 'normal'
+    ) {
+        this.id = id;
+        this.name = name;
+        this.sortIndex = sortIndex;
+        this.render = render;
+        this.status = status;
+        this.data = data;
+    }
+}

src/workbench/statusBar/notification/index.tsx

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Icon } from "mo/components/icon";
+import { INotification } from "mo/model/notification";
+import { INotificationController } from "mo/controller/notification";
+
+export function Notification(props: INotification & INotificationController) {
+    return (
+        <Icon type="bell" />
+    )
+}