@voplus/morpho-workspace 4.0.0 → 4.0.2

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

@@ -1,53 +1,53 @@
-import { useWorkspaceListEffect } from "../../../../data/workspace";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import { Empty } from "antd";
-import { State } from "./state";
-import WorkspaceCard from "../WorkspaceIcon";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-/** A workspace list view shows workspace in card style.
- * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
- * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
- */
-const WorkspaceIconList = (props) => {
-    const [state] = useState(new State());
-    const [active, setActive] = useState(null);
-    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
-            page: { Page: 1, PageSize: 200 },
-        },
-    }, []);
-    useWorkspaceListEffect(null, (result) => {
-        state.rolesList = result;
-    }, {
-        Filters: [
-            { c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) },
-            { c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" },
-        ],
-        Page: { Page: 1, PageSize: 200 },
-    });
-    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
-    useWorkspaceListEffect(null, (result) => {
-        state.allList = result;
-    }, {
-        Filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
-        Page: { Page: 1, PageSize: 200 },
-    });
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement("div", { className: styles["workspace-list-view"] },
-                React.createElement("div", { className: "workspace-card-list" }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
-                    React.createElement(WorkspaceCard, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
-    });
-    function onItemClick(item) {
-        var _a;
-        setActive(item.id);
-        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
-    }
-};
-export default WorkspaceIconList;
+import { useWorkspaceListEffect } from "../../../../data/workspace";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { Empty } from "antd";
+import { State } from "./state";
+import WorkspaceCard from "../WorkspaceIcon";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+/** A workspace list view shows workspace in card style.
+ * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
+ * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
+ */
+const WorkspaceIconList = (props) => {
+    const [state] = useState(new State());
+    const [active, setActive] = useState(null);
+    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
+            page: { Page: 1, PageSize: 200 },
+        },
+    }, []);
+    useWorkspaceListEffect(null, (result) => {
+        state.rolesList = result;
+    }, {
+        Filters: [
+            { c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) },
+            { c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" },
+        ],
+        Page: { Page: 1, PageSize: 200 },
+    });
+    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
+    useWorkspaceListEffect(null, (result) => {
+        state.allList = result;
+    }, {
+        Filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
+        Page: { Page: 1, PageSize: 200 },
+    });
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: styles["workspace-list-view"] },
+                React.createElement("div", { className: "workspace-card-list" }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
+                    React.createElement(WorkspaceCard, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
+    });
+    function onItemClick(item) {
+        var _a;
+        setActive(item.id);
+        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default WorkspaceIconList;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,9 +1,9 @@
-import { IWorkspace } from "../../../../data/workspace";
-export declare class State {
-    allList: IWorkspace[];
-    rolesList: IWorkspace[];
-    constructor();
-    get list(): IWorkspace[];
-    /** 数组去重 */
-    array_diff(a: IWorkspace[], b: IWorkspace[]): IWorkspace[];
-}
+import { IWorkspace } from "../../../../data/workspace";
+export declare class State {
+    allList: IWorkspace[];
+    rolesList: IWorkspace[];
+    constructor();
+    get list(): IWorkspace[];
+    /** 数组去重 */
+    array_diff(a: IWorkspace[], b: IWorkspace[]): IWorkspace[];
+}

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

@@ -1,51 +1,51 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "allList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rolesList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-    }
-    get list() {
-        let lists = [];
-        if (this.rolesList !== undefined && this.allList !== undefined) {
-            lists = this.array_diff(this.allList, this.rolesList);
-        }
-        return lists;
-    }
-    /** 数组去重 */
-    array_diff(a, b) {
-        for (var i = 0; i < b.length; i++) {
-            for (var j = 0; j < a.length; j++) {
-                if (a[j].id == b[i].id) {
-                    a.splice(j, 1);
-                    j = j - 1;
-                }
-            }
-        }
-        return a;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "allList", void 0);
-__decorate([
-    observable
-], State.prototype, "rolesList", void 0);
-__decorate([
-    computed
-], State.prototype, "list", null);
-__decorate([
-    action
-], State.prototype, "array_diff", null);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "allList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "rolesList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+    get list() {
+        let lists = [];
+        if (this.rolesList !== undefined && this.allList !== undefined) {
+            lists = this.array_diff(this.allList, this.rolesList);
+        }
+        return lists;
+    }
+    /** 数组去重 */
+    array_diff(a, b) {
+        for (var i = 0; i < b.length; i++) {
+            for (var j = 0; j < a.length; j++) {
+                if (a[j].id == b[i].id) {
+                    a.splice(j, 1);
+                    j = j - 1;
+                }
+            }
+        }
+        return a;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "allList", void 0);
+__decorate([
+    observable
+], State.prototype, "rolesList", void 0);
+__decorate([
+    computed
+], State.prototype, "list", null);
+__decorate([
+    action
+], State.prototype, "array_diff", null);
 //# sourceMappingURL=state.js.map

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

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

@@ -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;