@voplus/morpho-workspace 2.0.12 → 4.0.1

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

@@ -1,50 +1,50 @@
-import "./index.less";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import React, { useEffect, useMemo, useState } from "react";
-import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import { useWorkspace, useWorkspaceStore } from "../../../../data/workspace";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { State } from "./state";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import WorkspaceCompletedWorksChart from "../../controls/WorkspaceCompletedWorksChart";
-import WorkspaceMenu from "../../controls/WorkspaceMenu";
-import WorkspaceTabs from "../WorkspaceTabs";
-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 view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    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(ViewContext.Provider, { value: view },
-        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("div", { className: "tools-bar" },
-                        React.createElement(ToolBar, { id: id, showMenu: false },
-                            React.createElement(Open, { url: `/workspaces/${id}` }),
-                            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(WorkspaceTabs, { id: id })))))));
-    async function onChange(ids, members) {
-        await store.edit(id, { data: { MemberIds: ids }, error: "message" });
-        runInAction(() => {
-            state.members = members;
-        });
-    }
-};
-export default WorkspacePropertiesView;
+import "./index.less";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useEffect, useMemo, useState } from "react";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import { useWorkspace, useWorkspaceStore } from "../../../../data/workspace";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { State } from "./state";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import WorkspaceCompletedWorksChart from "../../controls/WorkspaceCompletedWorksChart";
+import WorkspaceMenu from "../../controls/WorkspaceMenu";
+import WorkspaceTabs from "../WorkspaceTabs";
+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 view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    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(ViewContext.Provider, { value: view },
+        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("div", { className: "tools-bar" },
+                        React.createElement(ToolBar, { id: id, showMenu: false },
+                            React.createElement(Open, { url: `/workspaces/${id}` }),
+                            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(WorkspaceTabs, { id: id })))))));
+    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.less

@@ -1,19 +1,19 @@
-:global {
-	.workspace-properties-view {
-		.workspace-header {
-			padding: 10px 20px;
-			.workspace-name {
-				font-size: 24px;
-				color: #000;
-				font-weight: 500;
-				word-break: break-all;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-			}
-			.avatar-list-view {
-				margin-top: 10px;
-			}
-		}
-	}
-}
+:global {
+	.workspace-properties-view {
+		.workspace-header {
+			padding: 10px 20px;
+			.workspace-name {
+				font-size: 24px;
+				color: #000;
+				font-weight: 500;
+				word-break: break-all;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
+			.avatar-list-view {
+				margin-top: 10px;
+			}
+		}
+	}
+}

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

@@ -1,15 +1,15 @@
-import { IDocumentAccessSettings } from "@voplus/morpho-document-core";
-import { WorkspaceStore } from "../../../../data/workspace";
-export declare class State {
-    private id;
-    private store;
-    /** Name of workspace */
-    name: string;
-    /** Visible of Edit name */
-    editVisible: boolean;
-    members: any[];
-    constructor(id: string, store: WorkspaceStore);
-    update(doc: IDocumentAccessSettings): void;
-    /** edit save */
-    save(v: any, name: any, params: Record<string, unknown>): void;
-}
+import { IDocumentAccessSettings } from "@voplus/morpho-document-core";
+import { WorkspaceStore } from "../../../../data/workspace";
+export declare class State {
+    private id;
+    private store;
+    /** Name of workspace */
+    name: string;
+    /** Visible of Edit name */
+    editVisible: boolean;
+    members: any[];
+    constructor(id: string, store: WorkspaceStore);
+    update(doc: IDocumentAccessSettings): void;
+    /** edit save */
+    save(v: any, name: any, params: Record<string, unknown>): void;
+}

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

@@ -1,68 +1,68 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor(id, store) {
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: id
-        });
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        /** Name of workspace */
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** Visible of Edit name */
-        Object.defineProperty(this, "editVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "members", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        makeObservable(this);
-    }
-    update(doc) {
-        this.members = [];
-        doc.includes.map(i => {
-            if (i.role === "Member")
-                this.members.push(i.contact);
-        });
-    }
-    /** edit save */
-    save(v, name, params) {
-        if ((v === null || v === void 0 ? void 0 : v.trim()) === name)
-            return;
-        this.store.edit(this.id, { data: params, error: "message" });
-    }
-}
-__decorate([
-    observable
-], State.prototype, "name", void 0);
-__decorate([
-    observable
-], State.prototype, "editVisible", void 0);
-__decorate([
-    observable
-], State.prototype, "members", void 0);
-__decorate([
-    action
-], State.prototype, "update", null);
-__decorate([
-    action
-], State.prototype, "save", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor(id, store) {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: id
+        });
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        /** Name of workspace */
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** Visible of Edit name */
+        Object.defineProperty(this, "editVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "members", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        makeObservable(this);
+    }
+    update(doc) {
+        this.members = [];
+        doc.includes.map(i => {
+            if (i.role === "Member")
+                this.members.push(i.contact);
+        });
+    }
+    /** edit save */
+    save(v, name, params) {
+        if ((v === null || v === void 0 ? void 0 : v.trim()) === name)
+            return;
+        this.store.edit(this.id, { data: params, error: "message" });
+    }
+}
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    action
+], State.prototype, "save", null);
 //# sourceMappingURL=state.js.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const WorkspaceTabs: (props: {
-    id: string;
-}) => JSX.Element;
-export default WorkspaceTabs;
+/// <reference types="react" />
+declare const WorkspaceTabs: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorkspaceTabs;

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

@@ -1,32 +1,32 @@
-import React, { useEffect, useState } from "react";
-import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
-import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
-import SubWorkList from "../../../work/components/SubWorkList";
-import { Tabs } from "antd";
-import WorkTypeList from "../../../work/work-type/components/WorkTypeList";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-const WorkspaceTabs = (props) => {
-    const { id } = props;
-    /**Tabs 当前激活 tab 面板的 key */
-    const [activeKey, setActiveKey] = useState("Works");
-    useEffect(() => {
-        setActiveKey("Works");
-    }, [props.id]);
-    return observe(() => (React.createElement(Tabs, { activeKey: activeKey, className: styles["workspace-tabs"], onChange: onChange, items: [
-            { key: "Works", label: "Works", children: React.createElement(SubWorkList, { workspaceId: id }) },
-            { key: "WorkTypes", label: "Work Types", children: React.createElement(WorkTypeList, { workspaceId: id }) },
-            { key: "Activities", label: "Activities", children: React.createElement(ActivityLog, { id: id, title: " " }) },
-            {
-                key: "Documents",
-                label: "Documents",
-                children: (React.createElement(DocumentList, { id: id, multiple: true, viewTitle: " ", total: false, exclude: ["Meeting", "MeetingsFolder"] })),
-            },
-        ] })));
-    /**切换面板的回调*/
-    function onChange(activeKey) {
-        setActiveKey(activeKey);
-    }
-};
-export default WorkspaceTabs;
+import React, { useEffect, useState } from "react";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import SubWorkList from "../../../work/components/SubWorkList";
+import { Tabs } from "antd";
+import WorkTypeList from "../../../work/work-type/components/WorkTypeList";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const WorkspaceTabs = (props) => {
+    const { id } = props;
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState("Works");
+    useEffect(() => {
+        setActiveKey("Works");
+    }, [props.id]);
+    return observe(() => (React.createElement(Tabs, { activeKey: activeKey, className: styles["workspace-tabs"], onChange: onChange, items: [
+            { key: "Works", label: "Works", children: React.createElement(SubWorkList, { workspaceId: id }) },
+            { key: "WorkTypes", label: "Work Types", children: React.createElement(WorkTypeList, { workspaceId: id }) },
+            { key: "Activities", label: "Activities", children: React.createElement(ActivityLog, { id: id, title: " " }) },
+            {
+                key: "Documents",
+                label: "Documents",
+                children: (React.createElement(DocumentList, { id: id, multiple: true, viewTitle: " ", total: false, exclude: ["Meeting", "MeetingsFolder"] })),
+            },
+        ] })));
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+export default WorkspaceTabs;
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,13 @@
-.workspace-tabs {
-	height: 100%;
-
-	:global {
-		.ant-tabs-nav-wrap {
-			padding-left: 20px;
-		}
-
-		.list-view-header {
-			border-bottom: none !important;
-		}
-	}
+.workspace-tabs {
+	height: 100%;
+
+	:global {
+		.ant-tabs-nav-wrap {
+			padding-left: 20px;
+		}
+
+		.list-view-header {
+			border-bottom: none !important;
+		}
+	}
 }

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/index.d.ts

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

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/index.js

@@ -1,73 +1,73 @@
-import "./index.less";
-import { Empty, Spin } from "antd";
-import { useWorkSpaceCompletedWork, } from "../../../../data/workspace/useWorkSpaceCompletedWorkEffect";
-import React, { useEffect, useRef, useState } from "react";
-import { Column } from "@antv/g2plot";
-import { LoadingOutlined } from "@ant-design/icons";
-import { State } from "./state";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-const WorkspaceCompletedWorksChart = (props) => {
-    const { id } = props;
-    const divEl = useRef(null);
-    const [state] = useState(new State());
-    const [columnData, setColumnData] = useState([]);
-    useWorkSpaceCompletedWork(id, (list) => {
-        const data = [];
-        list.map((i) => {
-            data.push({ date: moment(i.date).format("DD MMM"), total: i.total });
-        });
-        setColumnData(data);
-        state.loading = false;
-    });
-    useEffect(() => {
-        if (state.columnPlot) {
-            state.columnPlot.update({
-                data: columnData,
-            });
-        }
-        else if (divEl.current && columnData.length) {
-            state.columnPlot = new Column(divEl.current, {
-                data: columnData,
-                xField: "date",
-                yField: "total",
-                label: {
-                    // 可手动配置 label 数据标签位置
-                    position: "middle",
-                    // 配置样式
-                    style: {
-                        fill: "#FFFFFF",
-                        opacity: 0.6,
-                    },
-                },
-                xAxis: {
-                    label: {
-                        autoHide: true,
-                        autoRotate: false,
-                    },
-                },
-                yAxis: {
-                    title: {
-                        text: "Completed Works",
-                    },
-                },
-                meta: {
-                    date: {
-                        alias: "日期",
-                    },
-                    total: {
-                        alias: "完成度",
-                    },
-                },
-                height: 200,
-            });
-            state.columnPlot.render();
-        }
-    }, [columnData]);
-    return observe(() => (React.createElement("div", { className: "completed-works-chart" },
-        React.createElement("div", { ref: divEl }),
-        state.loading ? (React.createElement("div", { className: "card-loading" },
-            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, null) }))) : !columnData.length ? (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })) : null)));
-};
-export default WorkspaceCompletedWorksChart;
+import "./index.less";
+import { Empty, Spin } from "antd";
+import { useWorkSpaceCompletedWork, } from "../../../../data/workspace/useWorkSpaceCompletedWorkEffect";
+import React, { useEffect, useRef, useState } from "react";
+import { Column } from "@antv/g2plot";
+import { LoadingOutlined } from "@ant-design/icons";
+import { State } from "./state";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+const WorkspaceCompletedWorksChart = (props) => {
+    const { id } = props;
+    const divEl = useRef(null);
+    const [state] = useState(new State());
+    const [columnData, setColumnData] = useState([]);
+    useWorkSpaceCompletedWork(id, (list) => {
+        const data = [];
+        list.map((i) => {
+            data.push({ date: moment(i.date).format("DD MMM"), total: i.total });
+        });
+        setColumnData(data);
+        state.loading = false;
+    });
+    useEffect(() => {
+        if (state.columnPlot) {
+            state.columnPlot.update({
+                data: columnData,
+            });
+        }
+        else if (divEl.current && columnData.length) {
+            state.columnPlot = new Column(divEl.current, {
+                data: columnData,
+                xField: "date",
+                yField: "total",
+                label: {
+                    // 可手动配置 label 数据标签位置
+                    position: "middle",
+                    // 配置样式
+                    style: {
+                        fill: "#FFFFFF",
+                        opacity: 0.6,
+                    },
+                },
+                xAxis: {
+                    label: {
+                        autoHide: true,
+                        autoRotate: false,
+                    },
+                },
+                yAxis: {
+                    title: {
+                        text: "Completed Works",
+                    },
+                },
+                meta: {
+                    date: {
+                        alias: "日期",
+                    },
+                    total: {
+                        alias: "完成度",
+                    },
+                },
+                height: 200,
+            });
+            state.columnPlot.render();
+        }
+    }, [columnData]);
+    return observe(() => (React.createElement("div", { className: "completed-works-chart" },
+        React.createElement("div", { ref: divEl }),
+        state.loading ? (React.createElement("div", { className: "card-loading" },
+            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, null) }))) : !columnData.length ? (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })) : null)));
+};
+export default WorkspaceCompletedWorksChart;
 //# sourceMappingURL=index.js.map

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/index.less

@@ -1,8 +1,8 @@
-:global {
-    .completed-works-chart {
-        padding: 20px 20px;
-        .card-loading{
-            text-align: center;
-        }
-    }
-}
+:global {
+    .completed-works-chart {
+        padding: 20px 20px;
+        .card-loading{
+            text-align: center;
+        }
+    }
+}

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/state.d.ts

@@ -1,5 +1,5 @@
-export declare class State {
-    columnPlot: any;
-    loading: boolean;
-    constructor();
-}
+export declare class State {
+    columnPlot: any;
+    loading: boolean;
+    constructor();
+}

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/state.js

@@ -1,26 +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);
+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