@voplus/morpho-workspace 1.2.6 → 1.3.1

package/es/modules/worktype/controls/WorktypeCompleteWorksChart/state.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "columnPlot", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "columnPlot", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/worktype/controls/WorktypeCompleteWorksChart/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/controls/WorktypeCompleteWorksChart/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IAId;QAHY;;;;;WAAuB;QACvB;;;;mBAAiB,IAAI;WAAC;QAG9B,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CACJ;AANe;IAAX,UAAU;yCAAwB;AACvB;IAAX,UAAU;sCAAuB"}

package/es/modules/worktype/pages/WorkTypeDefaultView/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTypeDefaultView: () => JSX.Element;
+export default WorkTypeDefaultView;

package/es/modules/worktype/pages/WorkTypeDefaultView/index.js

@@ -0,0 +1,24 @@
+import "./index.less";
+import React, { useState } from "react";
+import { TabItemContext, TabItemStore } from "@voplus/morpho-data";
+import { useRouteMatch } from "react-router";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import WorkTypeProperties from "../../components/WorkTypeProperties";
+import WorkTypeTabs from "../../components/WorkTypeTabs";
+import { observe } from "@voplus/morpho-ui";
+const WorkTypeDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const store = new TabItemStore({ url: "" });
+    const [asideContext] = useState(AsideContent.createContext());
+    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(MainContent, { className: "work-type-default-view" },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(WorkTypeProperties, { id: id })),
+            React.createElement("div", { className: "work-type-context" },
+                React.createElement(AsideContent, { context: asideContext },
+                    React.createElement(WorkTypeTabs, { id: id })))))));
+};
+export default WorkTypeDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/pages/WorkTypeDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/pages/WorkTypeDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAE9D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB;YAC9C,oBAAC,WAAW,CAAC,GAAG,IAAC,WAAW;gBAC3B,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,CACb;YAClB,6BAAK,SAAS,EAAC,mBAAmB;gBACjC,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;oBAClC,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,GAAI,CACV,CACV,CACO,CACW,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/modules/worktype/pages/WorkTypeDefaultView/index.less

@@ -0,0 +1,20 @@
+:global {
+    .work-type-default-view {
+        .main-content-nav {
+            width: 310px;
+            box-shadow: 6px 0 16px -8px rgb(0 0 0 / 8%), 9px 0 28px 0 rgb(0 0 0 / 5%),
+              12px 0 48px 16px rgb(0 0 0 / 3%) !important;
+        }
+
+        .work-type-context {
+            display: flex;
+            padding: 0;
+            background: #ffffff;
+            display: flex;
+
+            >div {
+              flex: 1;
+            }
+        }
+    }
+}

package/es/pages/Routes.d.ts

@@ -18,12 +18,24 @@ declare const Routes: {
         getUrl: (id: string) => string;
         component: () => JSX.Element;
     };
+    WorkspaceDefaultView: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
     MySpace: {
         route: string;
         tabPattern: RegExp;
         getUrl: () => string;
         component: () => JSX.Element;
     };
+    WorkspacePage: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: () => string;
+        component: () => JSX.Element;
+    };
     addRoutes: () => void;
 };
 export default Routes;

package/es/pages/Routes.js

@@ -3,14 +3,18 @@ import { BaseRoutes } from "@voplus/morpho-data";
 import MySpace from "./Space/pages/MySpace";
 import ProjectDefaultView from "./Project/ProjectDefaultView";
 import React from "react";
-import WorkDefaultView from "./Work/pages/WorkDefaultView";
-import WorkTypeDefaultView from "./WorkType/WorkTypeDefaultView";
+import WorkDefaultView from "../modules/work/pages/WorkDefaultView";
+import WorkTypeDefaultView from "../modules/worktype/pages/WorkTypeDefaultView";
+import WorkspaceDefaultView from "../modules/workspace/pages/WorkspaceDefaultView";
+import WorkspacePage from '../modules/workspace/pages/WorkspacePage';
 const ProjectRoutes = () => {
     return (React.createElement(Switch, null,
         React.createElement(Route, { path: Routes.ProjectDefaultView.route, exact: true, component: Routes.ProjectDefaultView.component }),
         React.createElement(Route, { path: Routes.WorkDefaultView.route, exact: true, component: Routes.WorkDefaultView.component }),
         React.createElement(Route, { path: Routes.WorkTypeDefaultView.route, exact: true, component: Routes.WorkTypeDefaultView.component }),
-        React.createElement(Route, { path: Routes.MySpace.route, exact: true, component: Routes.MySpace.component })));
+        React.createElement(Route, { path: Routes.WorkspaceDefaultView.route, exact: true, component: Routes.WorkspaceDefaultView.component }),
+        React.createElement(Route, { path: Routes.MySpace.route, component: Routes.MySpace.component }),
+        React.createElement(Route, { path: Routes.WorkspacePage.route, component: Routes.WorkspacePage.component })));
 };
 const Routes = {
     ProjectDefaultView: {
@@ -31,12 +35,24 @@ const Routes = {
         getUrl: (id) => `/workType/${id}`,
         component: WorkTypeDefaultView,
     },
+    WorkspaceDefaultView: {
+        route: "/workSpace/:id",
+        tabPattern: RegExp("/workSpace/[^/]+"),
+        getUrl: (id) => `/workSpace/${id}`,
+        component: WorkspaceDefaultView,
+    },
     MySpace: {
         route: "/my-space",
         tabPattern: RegExp("/my-space"),
         getUrl: () => `/my-space`,
         component: MySpace,
     },
+    WorkspacePage: {
+        route: "/work-space",
+        tabPattern: RegExp("/work-space"),
+        getUrl: () => `/work-space`,
+        component: WorkspacePage,
+    },
     addRoutes: () => {
         BaseRoutes.routes.push({
             name: "ProjectDefaultView",
@@ -53,11 +69,21 @@ const Routes = {
             tabBasePattern: Routes.WorkTypeDefaultView.tabPattern,
             component: React.createElement(ProjectRoutes, null),
         });
+        BaseRoutes.routes.push({
+            name: "WorkspaceDefaultView",
+            tabBasePattern: Routes.WorkspaceDefaultView.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
         BaseRoutes.routes.push({
             name: "MySpace",
             tabBasePattern: Routes.MySpace.tabPattern,
             component: React.createElement(ProjectRoutes, null),
         });
+        BaseRoutes.routes.push({
+            name: "WorkspacePage",
+            tabBasePattern: Routes.WorkspacePage.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
     },
 };
 export default Routes;

package/es/pages/Routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../src/pages/Routes.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../src/pages/Routes.tsx"],"names":[],"mappings":"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"}

package/es/pages/Space/components/Notifications/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { State } from "../../pages/MySpace/state";
+declare const Notifications: (props: {
+    state: State;
+}) => JSX.Element;
+export default Notifications;

package/es/pages/Space/components/Notifications/index.js

@@ -0,0 +1,38 @@
+import React, { useEffect, useState } from "react";
+import { Result, Skeleton } from "@voplus/antd";
+import { generatePath, useRouteMatch } from "react-router";
+import NotificationList from "../../../../modules/notification/components/NotificationList";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLayout } from "@voplus/morpho-data";
+import { useNotificationStore } from "../../../../data/notification";
+const Notifications = (props) => {
+    const match = useRouteMatch();
+    const store = useNotificationStore();
+    const layout = useLayout();
+    const [error, setError] = useState(0);
+    useEffect(() => {
+        /** 当 status 是 redirect 时，需要 load notification 然后选择正确的 menu */
+        if (match.params.status === "redirect" && match.params.active) {
+            store
+                .load(match.params.active)
+                .then((item) => {
+                props.state.navigate(`/notifications/${item.status.toLowerCase()}`, `/${item.id}`);
+            })
+                .catch((e) => {
+                setError(e.status);
+            });
+        }
+    }, [match.params.status]);
+    return observe(() => error ? (React.createElement(Result, { status: error.toString() })) : (React.createElement("div", { className: "my-notifications" }, match.params.status === "redirect" ? (React.createElement(Skeleton, { loading: true })) : (React.createElement(NotificationList, { status: match.params.status, active: match.params.active, onClickItem: (ev, item) => {
+            layout.history.push(generatePath(match.path, { status: match.params.status, active: item.id }));
+        }, onTotal: (total) => {
+            runInAction(() => {
+                props.state.notificationTotals[match.params.status] = total;
+            });
+        }, onItemStatusChanged: (old, item) => {
+            props.state.updateNotificationTotal(old, item.status);
+        } })))));
+};
+export default Notifications;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Space/components/Notifications/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Space/components/Workspaces/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Workspaces: () => JSX.Element;
+export default Workspaces;

package/es/pages/Space/components/Workspaces/index.js

@@ -0,0 +1,19 @@
+import { generatePath, useRouteMatch } from "react-router";
+import MyWorkspaces from "../../../../modules/workspace/components/MyWorkspaces";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useLayout } from "@voplus/morpho-data";
+const Workspaces = () => {
+    const match = useRouteMatch();
+    const layout = useLayout();
+    return observe(() => React.createElement("div", { className: "my-workspaces" },
+        React.createElement(MyWorkspaces
+        // active={match.params.active}
+        , { 
+            // active={match.params.active}
+            onClickItem: (item) => {
+                layout.history.push(generatePath(match.path, { active: item.id }));
+            } })));
+};
+export default Workspaces;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Workspaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Space/components/Workspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,YAAY,MAAM,uDAAuD,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,GAAG,GAAG,EAAE;IACpB,MAAM,KAAK,GAAG,aAAa,EAAuB,CAAC;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,eAAe;QAC1B,oBAAC,YAAY;QACT,+BAA+B;;YAA/B,+BAA+B;YAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,CAAC,OAAO,CAAC,IAAI,CACf,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAChD,CAAC;YACN,CAAC,GACH,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/pages/Space/pages/MySpace/index.js

@@ -1,70 +1,77 @@
 import "./index.less";
-import { Menu, Skeleton } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { faBallotCheck, faBooks, faProjectDiagram, faStickyNote, faTasks, faBell, } from "@fortawesome/pro-light-svg-icons";
+import { useNotificationListEffect } from "../../../../data/notification";
+import { Menu } from "@voplus/antd";
+import React, { useEffect, useMemo } from "react";
+import { Redirect, Route, Switch, useRouteMatch } from "react-router";
+import { faBallotCheck, faBell, faFolders, faLaptopHouse, faProjectDiagram, faStickyNote, faTasks, } from "@fortawesome/pro-light-svg-icons";
 import { useApplicationContext, useTabItem } from "@voplus/morpho-data";
-import Documents from "../../components/Documents";
+import { Badge } from "@voplus/antd";
+import DocumentPage from "@voplus/morpho-document/es/pages/DocumentPage";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import Notes from "../../components/Notes";
-import Projects from "../../components/Projects";
+import Notifications from "../../components/Notifications";
 import Scrollbars from "react-custom-scrollbars";
 import { State } from "./state";
 import SubMenu from "@voplus/antd/es/menu/SubMenu";
-import Tasks from "../../components/Tasks";
-import Works from "../../components/Works";
+import Workspaces from "../../components/Workspaces";
 import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
-import { useUnit } from "@voplus/morpho-org";
-import Notifications from "../../../../modules/notification/components/NotificationList";
-import { useNotificaitonListEffect } from "../../../../data/notification";
+import { useLayout } from "@voplus/morpho-data";
+//import Notifications from "../../../../modules/notification/components/NotificationList";
 const MySpace = () => {
     const { user } = useApplicationContext();
-    const unit = useUnit(user.info.id, { reload: true });
+    const match = useRouteMatch();
     const tab = useTabItem();
-    const [state] = useState(new State());
+    const layout = useLayout();
+    const state = useMemo(() => new State(layout, match.url), []);
     useEffect(() => {
         runInAction(() => (tab.title = "My Space"));
     }, []);
-    useNotificaitonListEffect(null, (result, total) => runInAction(() => state.nAllTotal = total || 0), state.nAllOptions);
-    useNotificaitonListEffect(null, (result, total) => runInAction(() => state.nReadTotal = total || 0), state.nReadOptions);
-    useNotificaitonListEffect(null, (result, total) => runInAction(() => state.nLaterTotal = total || 0), state.nLaterOptions);
-    useNotificaitonListEffect(null, (result, total) => runInAction(() => state.nDismissedTotal = total || 0), state.nDismissedOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.unread = total || 0)), state.nUnreadOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.read = total || 0)), state.nReadOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.later = total || 0)), state.nLaterOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.dismissed = total || 0)), state.nDismissedOptions);
     return observe(() => (React.createElement(MainContent, { className: "my-space-view" },
         React.createElement(MainContent.Nav, { collapsible: true },
             React.createElement(Scrollbars, { autoHide: true },
-                React.createElement(Menu, { mode: "inline", defaultSelectedKeys: ["Documents"], onClick: (key) => state.onClick(key) },
-                    React.createElement(Menu.Item, { key: "Documents", icon: React.createElement(FAIcon, { icon: faBooks }) }, "My Documents"),
-                    React.createElement(Menu.Item, { key: "Notes", icon: React.createElement(FAIcon, { icon: faStickyNote }) }, "My Notes"),
-                    React.createElement(Menu.Item, { key: "Projects", icon: React.createElement(FAIcon, { icon: faProjectDiagram }) }, "My Projects"),
-                    React.createElement(SubMenu, { key: "Tasks", icon: React.createElement(FAIcon, { icon: faTasks }), title: "My Tasks" },
+                React.createElement(Menu, { mode: "inline", defaultSelectedKeys: ["/notifications/unread"], selectedKeys: state.menuKey, defaultOpenKeys: ["Notifications"], onClick: (key) => state.navigate(key.key) },
+                    React.createElement(Menu.Item, { key: "/documents", icon: React.createElement(FAIcon, { icon: faFolders }) }, "My Documents"),
+                    React.createElement(Menu.Item, { key: "/workspaces", icon: React.createElement(FAIcon, { icon: faLaptopHouse }) }, "My Workspaces"),
+                    React.createElement(SubMenu, { key: "Notifications", icon: React.createElement(FAIcon, { icon: faBell }), title: "My Notifications" },
+                        React.createElement(Menu.Item, { key: "/notifications/unread" },
+                            "Unread",
+                            " ",
+                            React.createElement(Badge, { count: state.notificationTotals.unread, className: "site-badge-count" })),
+                        React.createElement(Menu.Item, { key: "/notifications/read" },
+                            "Read ",
+                            React.createElement(Badge, { count: state.notificationTotals.read, className: "site-badge-count" })),
+                        React.createElement(Menu.Item, { key: "/notifications/later" },
+                            "Later ",
+                            React.createElement(Badge, { count: state.notificationTotals.later, className: "site-badge-count" })),
+                        React.createElement(Menu.Item, { key: "/notifications/dismissed" },
+                            "Dismissed",
+                            " ",
+                            React.createElement(Badge, { count: state.notificationTotals.dismissed, className: "site-badge-count" }))),
+                    React.createElement(Menu.Item, { key: "Notes", icon: React.createElement(FAIcon, { icon: faStickyNote }), disabled: true }, "My Notes"),
+                    React.createElement(Menu.Item, { key: "Projects", icon: React.createElement(FAIcon, { icon: faProjectDiagram }), disabled: true }, "My Projects"),
+                    React.createElement(SubMenu, { key: "Tasks", icon: React.createElement(FAIcon, { icon: faTasks }), title: "My Tasks", disabled: true },
                         React.createElement(Menu.Item, { key: "TaskToday" }, "Today(2)"),
                         React.createElement(Menu.Item, { key: "TaskWeek" }, "This Week(4)"),
                         React.createElement(Menu.Item, { key: "TaskMonth" }, "This Month(5)"),
                         React.createElement(Menu.Item, { key: "TaskUnscheduled" }, "Unscheduled(6)")),
-                    React.createElement(SubMenu, { key: "Works", icon: React.createElement(FAIcon, { icon: faBallotCheck }), title: "My Works" },
+                    React.createElement(SubMenu, { key: "Works", icon: React.createElement(FAIcon, { icon: faBallotCheck }), title: "My Works", disabled: true },
                         React.createElement(Menu.Item, { key: "WorkToday" }, "Today(2)"),
                         React.createElement(Menu.Item, { key: "WorkWeek" }, "This Week(4)"),
                         React.createElement(Menu.Item, { key: "WorkMonth" }, "This Month(5)"),
-                        React.createElement(Menu.Item, { key: "WorkUnscheduled" }, "Unscheduled(6)")),
-                    React.createElement(SubMenu, { key: "Notifications", icon: React.createElement(FAIcon, { icon: faBell }), title: "My Notifications" },
-                        React.createElement(Menu.Item, { key: "NotificationsAll" },
-                            "All(",
-                            state.nAllTotal,
-                            ")"),
-                        React.createElement(Menu.Item, { key: "NotificationsRead" },
-                            "Read(",
-                            state.nReadTotal,
-                            ")"),
-                        React.createElement(Menu.Item, { key: "NotificationsLater" },
-                            "Later(",
-                            state.nLaterTotal,
-                            ")"),
-                        React.createElement(Menu.Item, { key: "NotificationsDismissed" },
-                            "Dismissed(",
-                            state.nDismissedTotal,
-                            ")"))))),
-        !unit.loading ? (state.menuKey === "Notes" ? (React.createElement(Notes, { id: unit.containerId || "598054f2-0bc1-4fd4-a0ed-ac0d0078b038" })) : state.menuKey === "Projects" ? (React.createElement(Projects, { id: unit.containerId || "598054f2-0bc1-4fd4-a0ed-ac0d0078b038" })) : state.menuKey.includes("Work") ? (React.createElement(Works, { id: unit.containerId || "598054f2-0bc1-4fd4-a0ed-ac0d0078b038" })) : state.menuKey.includes("Task") ? (React.createElement(Tasks, { filters: state.filters })) : state.menuKey.includes("Notifications") ? (React.createElement(Notifications, { filters: state.notificaitonFilters })) : (React.createElement(Documents, { id: unit.containerId || "598054f2-0bc1-4fd4-a0ed-ac0d0078b038" }))) : (React.createElement(Skeleton, { active: true })))));
+                        React.createElement(Menu.Item, { key: "WorkUnscheduled" }, "Unscheduled(6)"))))),
+        React.createElement(Switch, null,
+            React.createElement(Route, { path: `${match.path}/documents` },
+                React.createElement(DocumentPage, { root: user.info.folderId })),
+            React.createElement(Route, { path: `${match.path}/workspaces/:active?` },
+                React.createElement(Workspaces, null)),
+            React.createElement(Route, { path: `${match.path}/notifications/:status/:active?` },
+                React.createElement(Notifications, { state: state })),
+            React.createElement(Redirect, { to: `${match.path}/notifications/unread` })))));
 };
 export default MySpace;
 //# sourceMappingURL=index.js.map

package/es/pages/Space/pages/MySpace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Space/pages/MySpace/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Space/pages/MySpace/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Space/pages/MySpace/index.less

@@ -17,43 +17,29 @@
 				}
 			}
 		}
-		.my-space-view_content {
-			display: flex;
-			height: 100%;
-			flex-direction: column;
-			padding: unset !important;
-			overflow: hidden;
-			background-color: @background-color-base;
-			header {
+		> div {
+			padding: 0 !important;
+		}
+
+		/* 修正 Sub menu 背景色 */
+		.ant-menu-sub {
+			background-color: white;
+		}
+		/* menu badge 颜色与对齐 */
+		.ant-menu-item {
+			padding-right: 10px !important;
+			.ant-menu-title-content {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
-				padding: 10px 20px;
-				border-left: 1px solid #f2f2f2;
-				background: @component-background;
-				box-shadow: 2px 2px 5px #e8e8e8;
-				.title {
-					font-size: 16px;
-					color: #000;
-					font-weight: 600;
-				}
-				.ant-input-affix-wrapper {
-					width: auto;
-				}
-				.sort-btn {
-					margin-right: 10px;
-					padding: 5px 6px;
-					font-size: 13px;
-				}
+				justify-content: space-between;
 			}
-			.my-space-view_list {
-				display: flex;
-				flex-wrap: wrap;
-				padding: 0.5rem 0.75rem;
-				> div {
-					width: 20rem;
-					margin: 0.5rem;
-				}
+		}
+
+		.ant-badge {
+			.ant-badge-count {
+				background-color: #fff;
+				color: #999;
+				box-shadow: 0 0 0 1px #d9d9d9 inset;
 			}
 		}
 	}

package/es/pages/Space/pages/MySpace/state.d.ts

@@ -1,28 +1,27 @@
+import { FilterOption, LayoutContext } from "@voplus/morpho-data";
 import { Moment } from "moment";
 import { LoadDocumentListOptions } from "@voplus/morpho-document-core";
-import { FilterOption } from "@voplus/morpho-data";
-import { MenuInfo } from "rc-menu/es/interface";
+import { NotificationStatus } from "../../../../data/notification";
 import { RangeValue } from "rc-picker/es/interface";
 export declare class State {
-    menuKey: string;
+    private _layout;
+    private _url;
+    menuKey: string[] | undefined;
     /** dueDate of task */
     dueDate: RangeValue<Moment>;
-    /** status of notifications */
-    status: string;
     /** status All Notifications list Total */
-    nAllTotal: number;
-    /** Read Notifications list Total */
-    nReadTotal: number;
-    /** Later Notifications list Total */
-    nLaterTotal: number;
-    /** Dismissed Notifications list Total */
-    nDismissedTotal: number;
-    constructor();
+    notificationTotals: {
+        unread: number;
+        read: number;
+        later: number;
+        dismissed: number;
+    };
+    constructor(_layout: LayoutContext, _url: string);
+    navigate(key: string, rest?: string): void;
     get filters(): FilterOption[];
-    get notificaitonFilters(): FilterOption[];
-    onClick({ key }: MenuInfo): void;
+    updateNotificationTotal(oldStatus: NotificationStatus, status: NotificationStatus): void;
     /** Notifications list Options */
-    get nAllOptions(): LoadDocumentListOptions;
+    get nUnreadOptions(): LoadDocumentListOptions;
     /** Notifications list Read Options */
     get nReadOptions(): LoadDocumentListOptions;
     /** Notifications list Later Options */