@voplus/morpho-workspace 1.3.0 → 1.3.1

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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"}

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

@@ -0,0 +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;
+			}
+		}
+	}
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspacePropertiesView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,MAAM,CAAC;AAKvE,MAAM,OAAO,KAAK;IAOd,YAAoB,EAAU,EAAU,KAAqB;;;;;mBAAzC;;;;;;mBAAoB;;QANxC,wBAAwB;QACZ;;;;mBAAc,EAAE;WAAC;QAC7B,2BAA2B;QACf;;;;mBAAqB,KAAK;WAAC;QAC3B;;;;mBAAwB,EAAE;WAAC;QAGnC,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAGM,MAAM,CAAC,GAA4B;QACtC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACjB,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;gBAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAA;IACN,CAAC;IAED,gBAAgB;IAET,IAAI,CAAC,CAAM,EAAE,IAAS,EAAE,MAA+B;QAC1D,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,EAAE,MAAK,IAAI;YAAE,OAAO;QAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACjE,CAAC;CACJ;AAvBe;IAAX,UAAU;mCAAkB;AAEjB;IAAX,UAAU;0CAA4B;AAC3B;IAAX,UAAU;sCAA4B;AAOvC;IADC,MAAM;mCAMN;AAID;IADC,MAAM;iCAIN"}

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

@@ -0,0 +1,6 @@
+/// <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

@@ -0,0 +1,68 @@
+import "./index.less";
+import { Empty, Spin } from "@voplus/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,
+                    },
+                },
+                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.js.map

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

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

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

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

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

package/es/modules/workspace/controls/WorkspaceCompletedWorksChart/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/workspace/controls/WorkspaceCompletedWorksChart/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/controls/WorkspaceCompletedWorksChart/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/workspace/controls/WorkspaceMenu/index.d.ts

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

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

@@ -0,0 +1,36 @@
+import "./index.less";
+import { Button, Dropdown, Modal } from "@voplus/antd";
+import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
+import React, { useMemo } from "react";
+import { useAsideContentContext } from "@voplus/morpho-ui";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { MoreOutlined } from "@ant-design/icons";
+import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { useWorkspaceStore } from "../../.../../../../data/workspace";
+const WorksapceMenu = (props) => {
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    const store = useWorkspaceStore();
+    const asideContext = useAsideContentContext();
+    return (React.createElement(Dropdown, { placement: "bottomRight", overlay: React.createElement("div", { className: "workspace-menu" },
+            React.createElement(DocumentMenuContext.Provider, { value: context },
+                React.createElement(Button, { type: "link", onClick: onClick },
+                    React.createElement(FAIcon, { icon: faTrashAlt, color: "#f5222d" }),
+                    React.createElement("span", { className: "delete" }, "Delete")))) },
+        React.createElement(Button, { size: "small", shape: "circle" },
+            React.createElement(MoreOutlined, null))));
+    function onClick() {
+        /** 如果文件下有子文件, 询问是否删除所有子文件 */
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            async onOk() {
+                await store.delete([context.id], { DeleteChilds: true });
+                /** 删除后是否关闭Aside */
+                if (!!props.closeAside && (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent))
+                    asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside();
+                return;
+            },
+        });
+    }
+};
+export default WorksapceMenu;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/controls/WorkspaceMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/controls/WorkspaceMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAetB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAe,MAAM,8BAA8B,CAAC;AACnG,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAW,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,MAAM,aAAa,GAAG,CAAC,KAA+D,EAAE,EAAE;IACzF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,OAAO,CACN,oBAAC,QAAQ,IACR,SAAS,EAAC,aAAa,EACvB,OAAO,EACN,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;gBAI3C,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO;oBACnC,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,SAAS,GAAG;oBAC5C,8BAAM,SAAS,EAAC,QAAQ,aAAc,CAC9B,CACqB,CAC1B;QAGP,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ;YAClC,oBAAC,YAAY,OAAG,CACR,CACC,CACX,CAAC;IAEF,SAAS,OAAO;QACf,6BAA6B;QAC7B,KAAK,CAAC,OAAO,CAAC;YACb,KAAK,EAAE,kCAAkC;YACzC,KAAK,CAAC,IAAI;gBACT,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;gBACzD,mBAAmB;gBACnB,IAAI,CAAC,CAAC,KAAK,CAAC,UAAU,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAA;oBAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;gBACjF,OAAO;YACR,CAAC;SACD,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,33 @@
+:global {
+	.workspace-menu {
+		padding: 4px 0;
+		list-style-type: none;
+		background-color: #fff;
+		background-clip: padding-box;
+		border-radius: 2px;
+		outline: none;
+		box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+			0 9px 28px 8px rgba(0, 0, 0, 0.05);
+
+		.ant-btn {
+			display: block;
+			width: 100%;
+			padding: 0 12px;
+			height: 34px;
+			color: #666;
+			text-align: left;
+			&[disabled] {
+				color: rgba(0, 0, 0, 0.25);
+			}
+			&:hover {
+				background-color: #f5f5f5;
+			}
+			> span {
+				margin-left: 10px;
+			}
+		}
+		.delete {
+			color: #f5222d;
+		}
+	}
+}

package/es/modules/workspace/pages/WorkspaceDefaultView/index.d.ts

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

package/es/modules/workspace/pages/WorkspaceDefaultView/index.js

@@ -0,0 +1,51 @@
+import "./index.less";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { useRouteMatch } from "react-router";
+import { useWorkspace, useWorkspaceStore } from "../../../../data/workspace";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import { State } from "./state";
+import WorkTypeCardList from "../../../worktype/components/WorkTypeCardList";
+import WorkTypePropertiesView from "../../../worktype/components/WorkTypePropertiesView";
+import WorkspaceCompletedWorksChart from "../../controls/WorkspaceCompletedWorksChart";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const WorkspaceDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const store = useWorkspaceStore();
+    const docStore = useDocumentStore();
+    const [state] = useState(new State(id, store));
+    const [asideContext] = useState(AsideContent.createContext());
+    const { user } = useApplicationContext();
+    const workspace = useWorkspace(id, { reload: false });
+    useEffect(() => {
+        runInAction(async () => {
+            const doc = await docStore.loadAccess(id);
+            state.update(doc);
+        });
+    }, [id]);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "module-detail-view workspace-default-view" },
+            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(AvatarList, { organizationId: user.info.organizationId, list: state.members, multiple: true, onChange: onChange })),
+            React.createElement(WorkspaceCompletedWorksChart, { id: id }),
+            React.createElement("h3", null, "Work Types"),
+            React.createElement("div", { className: "my-workSpaces" },
+                React.createElement(WorkTypeCardList, { type: "card", onItemClick: onItemClick }))))));
+    async function onChange(ids, members) {
+        await store.edit(id, { data: { MemberIds: ids }, error: "message" });
+        runInAction(() => {
+            state.members = members;
+        });
+    }
+    function onItemClick(item) {
+        asideContext.openAside(React.createElement(WorkTypePropertiesView, { id: item.id }), { span: 12 });
+    }
+};
+export default WorkspaceDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/workspace/pages/WorkspaceDefaultView/index.js.map

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

package/es/modules/workspace/pages/WorkspaceDefaultView/index.less

@@ -0,0 +1,22 @@
+:global {
+	.workspace-default-view {
+		h3 {
+			padding: 0 20px;
+		}
+		.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/pages/WorkspaceDefaultView/state.d.ts

@@ -0,0 +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;
+}