@voplus/morpho-workspace 1.2.6 → 1.3.1

package/es/modules/work/components/WorkTasksTab/index.js

@@ -0,0 +1,17 @@
+import "./index.less";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import React from "react";
+import TaskPropertiesView from "../../../tasks/components/TaskPropertiesView";
+import WorkTaskList from "../WorkTaskList";
+const WorkTasksTab = (props) => {
+    const { id } = props;
+    const asideContext = useAsideContentContext();
+    return observe(() => React.createElement("div", { className: "work-tasks-tab" },
+        React.createElement(WorkTaskList, { parentId: id, Title: "My Tasks", roles: true, onClickItem: onClickItem }),
+        React.createElement(WorkTaskList, { parentId: id, Title: "All Tasks", onClickItem: onClickItem })));
+    function onClickItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(TaskPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default WorkTasksTab;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTasksTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTasksTab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAG9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,UAAU,EAChB,KAAK,QACL,WAAW,EAAE,WAAW,GAC1B;QACF,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE,WAAW,GAC1B,CACA,CACT,CAAA;IAED,SAAS,WAAW,CAAC,EAAU;QAC3B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9B,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;AACL,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}

package/es/modules/work/components/WorkTasksTab/index.less

@@ -0,0 +1,7 @@
+:global {
+	.work-tasks-tab {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+}

package/es/modules/work/components/WorksProperties/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorksProperties: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorksProperties;

package/es/modules/work/components/WorksProperties/index.js

@@ -0,0 +1,27 @@
+import "./index.less";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import { Form } from "@voplus/antd";
+import React from "react";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useWork } from "../../../../data/work";
+const WorksProperties = (props) => {
+    const work = useWork(props.id);
+    const { user } = useApplicationContext();
+    const noData = (React.createElement("span", { className: "no-data" }, "no data"));
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "work-roperties" },
+            React.createElement(Form, { labelAlign: "left", labelCol: { span: 8 }, scrollToFirstError: true },
+                React.createElement(Form.Item, { label: "No" }, work.no || noData),
+                React.createElement(Form.Item, { label: "Type" }, work.type || noData),
+                React.createElement(Form.Item, { label: "Status" }, work.status || noData),
+                React.createElement(Form.Item, { label: "Folder" }, ((_a = work.folder) === null || _a === void 0 ? void 0 : _a.name) || noData),
+                React.createElement(Form.Item, { label: "Due" }, work.due ? moment(work.due).format("DD MMM yyyy") : noData),
+                React.createElement(Form.Item, { label: "Owner" },
+                    React.createElement(AvatarList, { editable: false })))));
+    });
+};
+export default WorksProperties;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorksProperties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorksProperties/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,UAAU,MAAM,kDAAkD,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,CAAC,8BAAM,SAAS,EAAC,SAAS,cAAe,CAAC,CAAC;IAE1D,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACjB,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,oBAAC,IAAI,IACD,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACrB,kBAAkB;gBAElB,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,IAAI,IAChB,IAAI,CAAC,EAAE,IAAI,MAAM,CACV;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,IAClB,IAAI,CAAC,IAAI,IAAI,MAAM,CACZ;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACpB,IAAI,CAAC,MAAM,IAAI,MAAM,CACd;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IACpB,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,KAAI,MAAM,CACpB;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,IACjB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CACnD;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO;oBACpB,oBAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,GAAI,CACvB,CACT,CACL,CACT,CAAA;KAAA,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/work/components/WorksProperties/index.less

@@ -0,0 +1,8 @@
+:global {
+	.work-roperties {
+		padding: 20px;
+		.no-data {
+			color: #00000040;
+		}
+	}
+}

package/es/modules/work/pages/WorkDefaultView/index.d.ts

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

package/es/modules/work/pages/WorkDefaultView/index.js

@@ -0,0 +1,26 @@
+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 WorkTabs from "../../components/WorkTabs";
+import WorksProperties from "../../components/WorksProperties";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkStore } from "../../../../data/work";
+const WorkDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const store = new TabItemStore({ url: "" });
+    const [asideContext] = useState(AsideContent.createContext());
+    const workStore = useWorkStore();
+    return observe(() => React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(MainContent, { className: "work-default-view" },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(WorksProperties, { id: id })),
+            React.createElement("div", { className: "work-context" },
+                React.createElement(AsideContent, { context: asideContext },
+                    React.createElement(WorkTabs, { id: id }))))));
+};
+export default WorkDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/work/pages/WorkDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkDefaultView/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,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,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,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACjC,oBAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB;YACtC,oBAAC,WAAW,CAAC,GAAG,IAAC,WAAW;gBACxB,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI,CACb;YAClB,6BAAK,SAAS,EAAC,cAAc;gBAIzB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;oBAC/B,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CACT,CACb,CACI,CACQ,CAC7B,CAAA;AACL,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/es/modules/work/pages/WorkDefaultView/index.less

@@ -0,0 +1,17 @@
+:global {
+	.work-default-view {
+		.main-content-nav {
+			width: 250px;
+			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-context {
+			display: flex;
+			padding: 0;
+			background: #ffffff;
+			> div {
+				flex: 1;
+			}
+		}
+	}
+}

package/es/modules/work/pages/WorkListPage/index.d.ts

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

package/es/modules/work/pages/WorkListPage/index.js

@@ -0,0 +1,19 @@
+import { generatePath, useRouteMatch } from "react-router";
+import React from "react";
+import WorkList from "../../components/WorkList";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLayout } from "@voplus/morpho-data";
+const WorkListPage = (props) => {
+    const match = useRouteMatch();
+    const layout = useLayout();
+    return observe(() => React.createElement(WorkList, { status: match.params.status, active: match.params.active, onClickItem: (item) => {
+            layout.history.push(generatePath(match.path, { status: match.params.status, active: item.id }));
+        }, onTotal: (total) => {
+            runInAction(() => {
+                props.state.workStatusTotals[match.params.status] = total;
+            });
+        } }));
+};
+export default WorkListPage;
+//# sourceMappingURL=index.js.map

package/es/modules/work/pages/WorkListPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkListPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,aAAa,EAAuC,CAAC;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAG3B,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,oBAAC,QAAQ,IACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,CAAC,OAAO,CAAC,IAAI,CAClB,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC1E,CAAC;QACH,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,WAAW,CAAC,GAAG,EAAE;gBAChB,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;YAC3D,CAAC,CAAC,CAAC;QACJ,CAAC,GACA,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/workspace/components/MyWorkspaces/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWorkspace } from "../../../../data/workspace";
+declare const MyWorkspaces: (props: {
+    parentId?: string | undefined;
+    /** The current active item */
+    active?: string | undefined;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: ((item: IWorkspace) => void) | undefined;
+}) => JSX.Element;
+export default MyWorkspaces;

package/es/modules/workspace/components/MyWorkspaces/index.js

@@ -0,0 +1,34 @@
+import "./index.less";
+import React, { useState } from "react";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import NewWorkspaceDialog from "../NewWorkspaceDialog";
+import { Typography } from "@voplus/antd";
+import WorkspaceCardList from "../WorkspaceCardList";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import { observe } from "@voplus/morpho-ui";
+const { Title } = Typography;
+const MyWorkspaces = (props) => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const [visible, setVisible] = useState(false);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "my-workSpaces" },
+            React.createElement("div", { className: "workspace-list" },
+                React.createElement(Title, { level: 3 }, "My WorkSpaces"),
+                React.createElement(WorkspaceCardList, { roles: true, addCard: true, onItemClick: onItemClick })),
+            React.createElement("div", { className: "workspace-list" },
+                React.createElement(Title, { level: 3 }, "Worksapce I have access"),
+                React.createElement(WorkspaceCardList, { onItemClick: onItemClick })),
+            visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
+    function onItemClick(item) {
+        var _a;
+        if (item.id !== "0") {
+            asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
+        }
+        else {
+            setVisible(true);
+        }
+        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default MyWorkspaces;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/MyWorkspaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,oBAAuB;gBACtC,oBAAC,iBAAiB,IAAC,KAAK,QAAC,OAAO,QAAC,WAAW,EAAE,WAAW,GAAI,CACxD;YACN,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,8BAAiC;gBAChD,oBAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,GAAI,CAC1C;YACL,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACpC,CACF,CACI,CACQ,CACf,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE;YACpB,YAAY,CAAC,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;SAC/E;aAAM;YACN,UAAU,CAAC,IAAI,CAAC,CAAC;SACjB;QACD,MAAA,KAAK,CAAC,WAAW,+CAAjB,KAAK,EAAe,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/workspace/components/MyWorkspaces/index.less

@@ -0,0 +1,18 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+
+:global {
+	.my-workSpaces {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.workspace-list {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+		}
+		h3 {
+			padding: 10px 20px;
+			margin: 0;
+		}
+	}
+}

package/es/modules/workspace/components/NewWorkspaceDialog/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+declare const NewWorkspaceDialog: (props: {
+    parentId?: string | undefined;
+    className?: string | undefined;
+    showView?: boolean | undefined;
+    onSubmitSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewWorkspaceDialog;

package/es/modules/workspace/components/NewWorkspaceDialog/index.js

@@ -0,0 +1,59 @@
+import "./index.less";
+import { Button, Form, Input, Row, Space, message, } from "@voplus/antd";
+import React, { useState } from "react";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import { State } from "./state";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { useWorkspaceStore } from "../../../../data/workspace";
+const NewWorkspaceDialog = (props) => {
+    const workspaces = useWorkspaceStore();
+    const [state] = useState(new State());
+    const { user } = useApplicationContext();
+    const asideContext = useAsideContentContext();
+    return observe(() => (React.createElement(Modal, { title: "New WorkSpace", visible: true, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel },
+        React.createElement("div", { className: classnames("new-workspace-form", props.className) },
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(React.Fragment, null,
+                    React.createElement(Form.Item, { label: "Title for your workspaces" },
+                        React.createElement(Input, { autoFocus: true, value: state.params.Name, onChange: (e) => runInAction(() => (state.params.Name = e.target.value)) })),
+                    React.createElement(Form.Item, { label: "Members" },
+                        React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", onChange: (contacts) => (state.params.MemberIds = contacts.map(({ id }) => id)) })),
+                    React.createElement(Form.Item, null,
+                        React.createElement(Row, { justify: "end" },
+                            React.createElement(Space, null,
+                                React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                                React.createElement(Button, { type: "primary", loading: !!state.loading, onClick: onSubmit }, "Submit"))))))))));
+    async function onSubmit() {
+        if (!state.params.Name)
+            return message.warning("Title is required");
+        runInAction(() => (state.loading = true));
+        const res = await workspaces.create({
+            data: { ...state.params, ParentId: props.parentId },
+            error: "message",
+        });
+        runInAction(() => {
+            state.loading = false;
+            state.params = state.Params;
+        });
+        if (props.onSubmitSave)
+            props.onSubmitSave(state.params);
+        if (props.showView)
+            return asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: res.id }), { span: 12 });
+    }
+    // cancel add workspaces
+    function onCancel() {
+        state.params = state.Params;
+        if (props.showView)
+            return asideContext.closeAside();
+        if (props.onCancel)
+            props.onCancel();
+    }
+};
+export default NewWorkspaceDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/NewWorkspaceDialog/index.js.map

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

package/es/modules/workspace/components/NewWorkspaceDialog/index.less

@@ -0,0 +1,18 @@
+@import "../../../../style/common.less";
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.new-workspace-form {
+		.ant-select {
+			width: auto;
+		}
+		.proseMirror {
+			height: 10rem !important;
+			.editor-toolbar {
+				padding: 0.2rem 0.65rem;
+			}
+			.ProseMirror {
+				padding: 1rem 1.25rem;
+			}
+		}
+	}
+}

package/es/modules/workspace/components/NewWorkspaceDialog/state.d.ts

@@ -0,0 +1,12 @@
+export declare class State {
+    constructor();
+    Params: {
+        Name: string;
+        MemberIds: never[];
+    };
+    params: {
+        Name: string;
+        MemberIds: never[];
+    };
+    loading: boolean;
+}

package/es/modules/workspace/components/NewWorkspaceDialog/state.js

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

package/es/modules/workspace/components/NewWorkspaceDialog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/NewWorkspaceDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IACjB;QAGA;;;;mBAAgB;gBACf,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,EAAE;aACb;WAAC;QACU;;;;mBAAgB,IAAI,CAAC,MAAM;WAAC;QAC5B;;;;mBAAiB,KAAK;WAAC;QAPlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAFY;IAAX,UAAU;qCAA6B;AAC5B;IAAX,UAAU;sCAAwB"}

package/es/modules/workspace/components/WorkspaceCard/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkspaceCard: (props: {
+    id?: string;
+    /** Workspace Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkspaceCard;

package/es/modules/workspace/components/WorkspaceCard/index.js

@@ -0,0 +1,18 @@
+import "./index.less";
+import { faAcorn, faPlus } from "@fortawesome/pro-light-svg-icons";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkspace } from "../../../../data/workspace";
+const WorkspaceCard = (props) => {
+    const { id, active } = props;
+    const workspace = useWorkspace(id, { reload: false });
+    return observe(() => React.createElement(Card, { className: classnames("workspace-card", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
+        React.createElement("div", { className: classnames("workspaces-icon", { "new-workspace-icon": !id }) },
+            React.createElement(FAIcon, { icon: id ? faAcorn : faPlus })),
+        React.createElement("div", { className: "workspaces-name" }, (workspace === null || workspace === void 0 ? void 0 : workspace.name) || "New WorkSpace")));
+};
+export default WorkspaceCard;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/WorkspaceCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,aAAa,GAAG,CAAC,KAItB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,oBAAC,IAAI,IACJ,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAE3D,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,KAAK;QAElB,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3E,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,CAClC;QACN,6BAAK,SAAS,EAAC,iBAAiB,IAC9B,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,eAAe,CAC9B,CACC,CACR,CAAA;AACF,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

package/es/modules/workspace/components/WorkspaceCard/index.less

@@ -0,0 +1,47 @@
+:global {
+	.workspace-card {
+		width: 110px;
+		display: flex;
+		flex-flow: column;
+		align-items: center;
+		border-radius: 15px;
+		padding: 15px 8px;
+		background: transparent;
+		&.active {
+			background: #dedbdb57;
+		}
+		&:hover {
+			background: #dedbdb57;
+		}
+		.workspaces-icon {
+			width: 80px;
+			height: 80px;
+			font-size: 24px;
+			color: #ffffff;
+			background: #a0dcfa;
+			border-radius: 15px;
+			border: solid 1px #ffffff;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+		.new-workspace-icon {
+			color: #bdb9b9;
+			background: #ffffff;
+			border: dashed 1px #bdb9b9;
+		}
+		.workspaces-name {
+			width: 100%;
+			height: 36px;
+			font-size: 15px;
+			text-align: center;
+			display: -webkit-box;
+			-webkit-box-orient: vertical;
+			-webkit-line-clamp: 2;
+			line-height: 18px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			margin-top: 10px;
+		}
+	}
+}

package/es/modules/workspace/components/WorkspaceCardList/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWorkspace } from "../../../../data/workspace";
+/** A workspace list view shows workspace in card style. */
+declare const WorkspaceCardList: (props: {
+    /** filter roles */
+    roles?: boolean | undefined;
+    /** 显示add card */
+    addCard?: boolean | undefined;
+    /** item onclick */
+    onItemClick?: ((item: IWorkspace) => void) | undefined;
+}) => JSX.Element;
+export default WorkspaceCardList;

package/es/modules/workspace/components/WorkspaceCardList/index.js

@@ -0,0 +1,49 @@
+import "./index.less";
+import { useWorkspaceListEffect } from "../../../../data/workspace";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import WorkspaceCard from "../WorkspaceCard";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useAutoUpdateListData } from "../../../../data/workspace/workspace-events";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+/** A workspace list view shows workspace in card style. */
+const WorkspaceCardList = (props) => {
+    const { user } = useApplicationContext();
+    const [active, setActive] = useState(null);
+    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: props.roles
+                ? [{ c: "Roles", o: "contains", l: "And", v1: 'Member' }]
+                : [],
+        },
+    }, [props.roles]);
+    if (props.addCard) {
+        list.insert({ id: "0", name: "" }, 0);
+    }
+    ;
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkspaceListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
+    useWorkspaceListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewWorkspace, useOnDeleteWorkspace的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => true);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: "workspace-list-view" },
+            React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
+                React.createElement("div", { className: "workspace-card-list" }, list.data.map((i) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
+                    React.createElement(WorkspaceCard, { id: i.id === "0" ? "" : i.id, active: active === i.id }))))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+    function onItemClick(item) {
+        var _a;
+        setActive(item.id);
+        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default WorkspaceCardList;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/WorkspaceCardList/index.js.map

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

package/es/modules/workspace/components/WorkspaceCardList/index.less

@@ -0,0 +1,13 @@
+:global {
+	.workspace-list-view {
+		height: 100%;
+		padding: 0 12px;
+		.workspace-card-list {
+			display: flex;
+			flex-wrap: wrap;
+			> div {
+				margin: 8px;
+			}
+		}
+	}
+}

package/es/modules/workspace/components/WorkspacePropertiesView/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkspacePropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorkspacePropertiesView;

package/es/modules/workspace/components/WorkspacePropertiesView/index.js

@@ -0,0 +1,41 @@
+import "./index.less";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { useWorkspace, useWorkspaceStore } from "../../../../data/workspace";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import { State } from "./state";
+import WorkTypeCardList from "../../../worktype/components/WorkTypeCardList";
+import WorkspaceCompletedWorksChart from "../../controls/WorkspaceCompletedWorksChart";
+import WorkspaceMenu from "../../controls/WorkspaceMenu";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const WorkspacePropertiesView = (props) => {
+    const id = props.id;
+    const store = useWorkspaceStore();
+    const docStore = useDocumentStore();
+    const [state] = useState(new State(id, store));
+    const { user } = useApplicationContext();
+    const workspace = useWorkspace(id, { reload: false });
+    useEffect(() => {
+        runInAction(async () => {
+            const doc = await docStore.loadAccess(props.id);
+            state.update(doc);
+        });
+    }, [props.id]);
+    return observe(() => (React.createElement("div", { className: "module-detail-view workspace-properties-view" }, workspace.loaded && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "workspace-header" },
+            React.createElement("div", { className: "workspace-name" },
+                React.createElement(InlineEdit, { defaultValue: workspace.name, content: (v) => (React.createElement("div", null, workspace.name)), onSave: (value) => state.save(value, workspace.name, { Name: value }) }),
+                React.createElement(WorkspaceMenu, { id: id, closeAside: true })),
+            React.createElement(AvatarList, { organizationId: user.info.organizationId, list: state.members, multiple: true, onChange: onChange })),
+        React.createElement(WorkspaceCompletedWorksChart, { id: props.id }),
+        React.createElement(DocumentTabs, { id: id, detailTitle: "Work Types", isLinks: false, details: React.createElement(WorkTypeCardList, null) }))))));
+    async function onChange(ids, members) {
+        await store.edit(id, { data: { MemberIds: ids }, error: "message" });
+        runInAction(() => { state.members = members; });
+    }
+};
+export default WorkspacePropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/components/WorkspacePropertiesView/index.js.map

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