@voplus/morpho-workspace 11.1.0 → 11.2.1

package/es/obsolete/space/components/Notes/NewNoteDialog/index.js

@@ -0,0 +1,38 @@
+import "./index.css";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useState } from "react";
+import { faCheckRegular, faTimesRegular, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
+import ColorSelect from "../ColorSelect";
+import { Modal } from "antd";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { RequestBuilder } from "@voplus/api";
+import dayjs from "dayjs";
+import { observe } from "@voplus/morpho-ui";
+const NewNoteDialog = (props) => {
+    const { parentId, visible, onCancel, onOk } = props;
+    const [text, setText] = useState("");
+    const [color, setColor] = useState("");
+    const documentStore = useDocumentStore();
+    return observe(() => (React.createElement(Modal, { title: React.createElement(React.Fragment, null,
+            React.createElement("div", null, "Add Note"),
+            React.createElement("div", { className: "date" }, dayjs(dayjs()).format("dddd, MMM Do, h:mm A"))), width: "660px", open: visible, closable: false, footer: null, className: "new-note-dialog" },
+        React.createElement("div", { className: "note-header" },
+            React.createElement(ColorSelect, { onChange: (c) => setColor(c.name) }),
+            React.createElement("div", null,
+                React.createElement(FAIcon, { icon: faTimesRegular, color: "#999", onClick: () => onCancel && onCancel() }),
+                React.createElement(FAIcon, { icon: faCheckRegular, color: "#52c41a", onClick: save }))),
+        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, 
+            // defaultHtml={description || ""}
+            // readonly={!state.editable || readonly}
+            className: `note-bg-${color}`, 
+            // onClick={() => (state.editable = !readonly)}
+            onChange: (opt) => setText(opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }))));
+    async function save() {
+        const r = await documentStore.endpoint.post(`/api/documents/create`, new RequestBuilder().form({ type: "Text", name: "Note", parentId, Text: text }));
+        const t = await r.json();
+        if (onOk)
+            onOk(t);
+    }
+};
+export default NewNoteDialog;
+//# sourceMappingURL=index.js.map

package/es/obsolete/space/components/Notes/NewNoteDialog/index.js.map

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

package/es/obsolete/space/components/Notes/TextNoteCard/index.css

@@ -0,0 +1,54 @@
+.text-note-card {
+	padding: 0;
+	width: 20.5rem !important;
+	cursor: pointer;
+	&:hover {
+		.text-note-card_header .tool-bar {
+			opacity: 1;
+			transition: opacity 0.2s ease-out;
+		}
+	}
+	.text-note-card_header {
+		position: relative;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 2.5rem;
+		padding: 0 15px;
+		color: #000;
+		font-size: 15px;
+		line-height: 22px;
+		overflow: hidden;
+		.tool-bar {
+			opacity: 0;
+			.ant-btn {
+				margin-left: 5px;
+			}
+			.ant-btn + .ant-btn {
+				margin-right: 0;
+			}
+		}
+		.text-note-card_theme {
+			position: absolute;
+			display: flex;
+			align-items: center;
+			transform: translateY(-150%);
+			transition: transform 0.3s ease-out;
+			z-index: 1;
+			&.show {
+				transform: translateY(0);
+			}
+		}
+		.text-note-card_date {
+			opacity: 1;
+			transition: opacity 0.2s ease-out;
+			&.hide {
+				opacity: 0;
+			}
+		}
+	}
+	.ProseMirror-container {
+		height: 18rem;
+		padding: 0 15px;
+	}
+}

package/es/obsolete/space/components/Notes/TextNoteCard/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.css";
+import React from "react";
+declare const TextNoteCard: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default TextNoteCard;

package/es/obsolete/space/components/Notes/TextNoteCard/index.js

@@ -0,0 +1,35 @@
+import "./index.css";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import ColorSelect from "../ColorSelect";
+import { Open } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
+import { Skeleton } from "antd";
+import { State } from "./state";
+import TextQuickViewDialog from "@voplus/morpho-document/es/components/TextQuickViewDialog";
+import DocumentToolbar from "@voplus/morpho-document/es/controls/DocumentToolbar";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import classnames from "classnames";
+import dayjs from "dayjs";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useText } from "@voplus/morpho-text/es/data";
+const TextNoteCard = (props) => {
+    const { id } = props;
+    // @ts-ignore
+    const note = useText(id, { reload: (t) => !t["text"] });
+    // const text = { loading: false, date: "2020-08-03" };
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(Card, { className: "text-note-card", shadow: true },
+        React.createElement(Skeleton, { active: true, loading: !note.loaded },
+            React.createElement("div", { className: "text-card-container", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)), style: { backgroundColor: state.color } },
+                React.createElement("div", { className: "text-note-card_header" },
+                    React.createElement("div", { className: classnames("text-note-card_theme", { show: state.isHover }) },
+                        React.createElement(ColorSelect, { color: "", onChange: (c) => runInAction(() => (state.color = c.color)) })),
+                    React.createElement("div", { className: classnames("text-note-card_date", { hide: state.isHover }) }, dayjs(note.date).format("D MMM YYYY HH:mm")),
+                    React.createElement(DocumentToolbar, { id: id },
+                        React.createElement(Open, { url: `/document/${props.id}` }))),
+                React.createElement(Viewer, { html: note.text, onClick: () => runInAction(() => (state.visible = true)) }))),
+        React.createElement(TextQuickViewDialog, { id: id, visible: state.visible, onCancel: () => runInAction(() => (state.visible = false)) }))));
+};
+export default TextNoteCard;
+//# sourceMappingURL=index.js.map

package/es/obsolete/space/components/Notes/TextNoteCard/index.js.map

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

package/es/obsolete/space/components/Notes/TextNoteCard/state.d.ts

@@ -0,0 +1,5 @@
+export declare class State {
+    accessor isHover: boolean;
+    accessor visible: boolean;
+    accessor color: string;
+}

package/es/obsolete/space/components/Notes/TextNoteCard/state.js

@@ -0,0 +1,39 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { observable } from "mobx";
+let State = (() => {
+    let _isHover_decorators;
+    let _isHover_initializers = [];
+    let _isHover_extraInitializers = [];
+    let _visible_decorators;
+    let _visible_initializers = [];
+    let _visible_extraInitializers = [];
+    let _color_decorators;
+    let _color_initializers = [];
+    let _color_extraInitializers = [];
+    return class State {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _isHover_decorators = [observable];
+            _visible_decorators = [observable];
+            _color_decorators = [observable];
+            __esDecorate(this, null, _isHover_decorators, { kind: "accessor", name: "isHover", static: false, private: false, access: { has: obj => "isHover" in obj, get: obj => obj.isHover, set: (obj, value) => { obj.isHover = value; } }, metadata: _metadata }, _isHover_initializers, _isHover_extraInitializers);
+            __esDecorate(this, null, _visible_decorators, { kind: "accessor", name: "visible", static: false, private: false, access: { has: obj => "visible" in obj, get: obj => obj.visible, set: (obj, value) => { obj.visible = value; } }, metadata: _metadata }, _visible_initializers, _visible_extraInitializers);
+            __esDecorate(this, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #isHover_accessor_storage = __runInitializers(this, _isHover_initializers, false);
+        get isHover() { return this.#isHover_accessor_storage; }
+        set isHover(value) { this.#isHover_accessor_storage = value; }
+        #visible_accessor_storage = (__runInitializers(this, _isHover_extraInitializers), __runInitializers(this, _visible_initializers, false));
+        get visible() { return this.#visible_accessor_storage; }
+        set visible(value) { this.#visible_accessor_storage = value; }
+        #color_accessor_storage = (__runInitializers(this, _visible_extraInitializers), __runInitializers(this, _color_initializers, ""));
+        get color() { return this.#color_accessor_storage; }
+        set color(value) { this.#color_accessor_storage = value; }
+        constructor() {
+            __runInitializers(this, _color_extraInitializers);
+        }
+    };
+})();
+export { State };
+//# sourceMappingURL=state.js.map

package/es/obsolete/space/components/Notes/TextNoteCard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/obsolete/space/components/Notes/TextNoteCard/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;IAErB,KAAK;;;;;;;;;;iBAAL,KAAK;;;mCAChB,UAAU;mCACV,UAAU;iCACV,UAAU;YAFC,0KAAgB,OAAO,6BAAP,OAAO,yFAAS;YAChC,0KAAgB,OAAO,6BAAP,OAAO,yFAAS;YAChC,oKAAgB,KAAK,6BAAL,KAAK,qFAAM;;;QAF3B,2EAA0B,KAAK,EAAC;QAAhC,IAAgB,OAAO,6CAAS;QAAhC,IAAgB,OAAO,mDAAS;QAChC,iIAA0B,KAAK,GAAC;QAAhC,IAAgB,OAAO,6CAAS;QAAhC,IAAgB,OAAO,mDAAS;QAChC,6HAAwB,EAAE,GAAC;QAA3B,IAAgB,KAAK,2CAAM;QAA3B,IAAgB,KAAK,iDAAM;;;;;;SAH3B,KAAK"}

package/es/obsolete/space/components/Notes/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Notes: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default Notes;

package/es/obsolete/space/components/Notes/index.js

@@ -0,0 +1,50 @@
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import NewNoteDialog from "./NewNoteDialog";
+import Scrollbars from "react-custom-scrollbars-2";
+import { FontAwesomeIcon as FAIcon, faMagnifyingGlassRegular } from "@voplus/morpho-ui/es/faIcons";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import StickyAddButton from "@voplus/morpho-ui/es/controls/StickyAddButton";
+import TextNoteCard from "./TextNoteCard";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const Notes = (props) => {
+    const { id } = props;
+    const [added, setAdded] = useState(false);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, [id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    // useAutoUpdateListData(list, d => d.parentId === id);
+    return observe(() => (React.createElement("div", { className: "my-space-view_content" },
+        React.createElement("header", null,
+            React.createElement("div", { className: "title" }, "My Notes"),
+            React.createElement("div", null,
+                React.createElement(SortViewDropdown, { onSort: onSort, className: "sort-btn" }),
+                React.createElement(TimeoutInput, { suffix: React.createElement(FAIcon, { icon: faMagnifyingGlassRegular }), allowClear: true, onIdle: (e) => console.log(e, "e") }))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "my-space-view_list" },
+                React.createElement(ListDataContext.Provider, { value: list }, list.data.map((i) => (React.createElement(React.Fragment, { key: i.id }, i.type === "Text" && React.createElement(TextNoteCard, { id: i.id }))))),
+                list.data.length === 0 && (React.createElement(Card, { style: { width: "20.5rem", height: "20.5rem", fontSize: "16px" }, shadow: true }, "Add a Note")))),
+        React.createElement(StickyAddButton, { onClick: () => setAdded(true) }),
+        React.createElement(NewNoteDialog, { parentId: id, visible: added, onCancel: () => setAdded(false), onOk: onOk }))));
+    function onSort(sort) {
+        // list.triggerSort(sort);
+    }
+    function onOk(t) {
+        list.union([t]);
+        setAdded(false);
+    }
+};
+export default Notes;
+//# sourceMappingURL=index.js.map

package/es/obsolete/space/components/Notes/index.js.map

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

package/es/obsolete/space/components/Notifications/index.d.ts

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

package/es/obsolete/space/components/Notifications/index.js

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

package/es/obsolete/space/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/obsolete/space/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,gBAAgB,MAAM,wEAAwE,CAAC;AAEtG,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAE,EAAE;IAC/D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACd,8DAA8D;QAC9D,IAAI,MAAM,CAAC,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YACnD,KAAK;iBACH,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;iBACnB,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACd,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACpF,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC,CAAC,CAAC;QACL,CAAC;IACF,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,MAAM,IAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAS,GAAI,CAC3C,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAChC,oBAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,KAAK,UAAU;YAC9C,oBAAC,gBAAgB,IAChB,MAAM,EAAE,MAAM,CAAC,MAAO,EACtB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;oBACzB,MAAM,CAAC,OAAO,CAAC,IAAI,CAClB,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CACpE,CAAC;gBACH,CAAC,GASA,CACQ,CACN,CACN,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/obsolete/space/components/Projects/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Projects: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default Projects;

package/es/obsolete/space/components/Projects/index.js

@@ -0,0 +1,35 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React from "react";
+import DocumentCard from "@voplus/morpho-document/es/components/DocumentCard";
+import Scrollbars from "react-custom-scrollbars-2";
+import { FontAwesomeIcon as FAIcon, faMagnifyingGlassRegular } from "@voplus/morpho-ui/es/faIcons";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+const Projects = (props) => {
+    const { id } = props;
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags,task-number-reports",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, []);
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    // useProjectListEffect(list, result => list.union(result), list.filters.options);
+    return observe(() => (React.createElement("div", { className: "my-space-view_content" },
+        React.createElement("header", null,
+            React.createElement("div", { className: "title" }, "My Projects"),
+            React.createElement("div", null,
+                React.createElement("div", null,
+                    React.createElement(SortViewDropdown, { onSort: onSort, className: "sort-btn" }),
+                    React.createElement(TimeoutInput, { suffix: React.createElement(FAIcon, { icon: faMagnifyingGlassRegular }), allowClear: true, onIdle: (e) => console.log(e, "e") })))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "my-space-view_list" },
+                React.createElement(ListDataContext.Provider, { value: list }, list.data.map((i) => (React.createElement(DocumentCard, { id: i.id, key: i.id })))))))));
+    function onSort(sort) {
+        list.triggerSort(sort);
+    }
+};
+export default Projects;
+//# sourceMappingURL=index.js.map

package/es/obsolete/space/components/Projects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/obsolete/space/components/Projects/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAE9E,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAEnG,OAAO,gBAAgB,MAAM,2EAA2E,CAAC;AACzG,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,0BAA0B;YACpC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SAC1D;KACD,EACD,EAAE,CACF,CAAC;IAEF,qBAAqB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClF,kFAAkF;IAElF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC;YACC,6BAAK,SAAS,EAAC,OAAO,kBAAkB;YACxC;gBACC;oBACC,oBAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,UAAU,GAAG;oBACzD,oBAAC,YAAY,IACZ,MAAM,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,wBAAwB,GAAI,EAClD,UAAU,QACV,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,GACjC,CACG,CACD,CACE;QACT,oBAAC,UAAU,IAAC,QAAQ;YACnB,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACnC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,oBAAC,YAAY,IAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAI,CACrC,CAAC,CACwB,CACtB,CACM,CACR,CACN,CAAC,CAAC;IACH,SAAS,MAAM,CAAC,IAAqB;QACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/obsolete/space/components/Roles/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Roles: (props: {
+    path: string;
+}) => React.JSX.Element;
+export default Roles;

package/es/obsolete/space/components/Roles/index.js

@@ -0,0 +1,14 @@
+import MyRoles from "@voplus/morpho-org/es/modules/role/components/MyRoles";
+import React from "react";
+import { generatePath } from "react-router";
+import { observe } from "@voplus/morpho-ui";
+import { useLayout } from "@voplus/morpho-data";
+const Roles = (props) => {
+    const layout = useLayout();
+    return observe(() => (React.createElement("div", { className: "my-roles" },
+        React.createElement(MyRoles, { onClickItem: (id) => {
+                layout.history.push(generatePath(props.path, { active: id }));
+            } }))));
+};
+export default Roles;
+//# sourceMappingURL=index.js.map

package/es/obsolete/space/components/Roles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/obsolete/space/components/Roles/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uDAAuD,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,KAAK,GAAG,CAAC,KAAuB,EAAE,EAAE;IACzC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,UAAU;QACxB,oBAAC,OAAO,IACP,WAAW,EAAE,CAAC,EAAW,EAAE,EAAE;gBAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAC/D,CAAC,GACA,CACG,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/obsolete/space/components/Tasks/index.css

@@ -0,0 +1,15 @@
+.my-space-tasks {
+	background-color: #fff;
+	padding: 0 !important;
+	.sub-task-item {
+		position: relative;
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			right: 0;
+			bottom: 0;
+			border-bottom: 1px solid #f2f2f2;
+		}
+	}
+}

package/es/obsolete/space/components/Tasks/index.d.ts

@@ -0,0 +1,8 @@
+import "./index.css";
+import React from "react";
+import { State } from "../../pages/MySpace/state";
+declare const TaskList: (props: {
+    state: State;
+    path: string;
+}) => React.JSX.Element;
+export default TaskList;

package/es/obsolete/space/components/Tasks/index.js

@@ -0,0 +1,204 @@
+import "./index.css";
+import { useApplicationContext, useLayout } from "@voplus/morpho-data";
+import { useTaskListEffect } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { useAutoUpdateListData, useDocumentStore, useOnDeleteDocument, useOnNewDocument, } from "@voplus/morpho-document-core";
+import SubTaskItem from "../../../../modules/tasks/components/TaskItem/SubTaskItem";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView";
+import NewTaskForm from "../../../../modules/tasks/components/NewTaskForm";
+import { generatePath } from "react-router";
+import dayjs from "dayjs";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useParams } from "react-router-dom";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const TaskList = (props) => {
+    const params = useParams();
+    const layout = useLayout();
+    const { user } = useApplicationContext();
+    const documentStore = useDocumentStore();
+    const defaultTaskStatus = ["NotStarted", "Progress"];
+    const [activeId, setActiveId] = useState("");
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: filters(),
+        },
+    }, [params.dueDate]);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "Task" && !d.parentId);
+    useOnNewDocument((s, doc) => {
+        if (doc.type === "Task" && !doc.parentId)
+            props.state.taskTotals[params.dueDate.toLowerCase()]++;
+    });
+    useOnDeleteDocument((s, doc) => {
+        if (doc.type === "Task" && !doc.parentId)
+            props.state.taskTotals[params.dueDate.toLowerCase()]--;
+    });
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
+    useTaskListEffect(list, (result, total) => {
+        list.union(result);
+        runInAction(() => {
+            props.state.taskTotals[params.dueDate.toLowerCase()] = total;
+        });
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView
+        // headerProps={{
+        // 	viewTitle: "My Tasks",
+        // 	quickSearch: true,
+        // 	addAble: params.dueDate === "created" ? true : false,
+        // 	filterViewProps: {
+        // 		columns: [<TaskStatusFilter key="TaskStatusFilter" defaultValue={defaultTaskStatus} />],
+        // 		onFilter,
+        // 	},
+        // 	sortOptions: [
+        // 		{ label: "Name", value: "Name" },
+        // 		{ label: "Start Date", value: "StartDate" },
+        // 		{ label: "Due Date", value: "DueDate" },
+        // 		{ label: "Priority", value: "Flag" },
+        // 	],
+        // }}
+        // formViewTitle="Add Task"
+        , { 
+            // headerProps={{
+            // 	viewTitle: "My Tasks",
+            // 	quickSearch: true,
+            // 	addAble: params.dueDate === "created" ? true : false,
+            // 	filterViewProps: {
+            // 		columns: [<TaskStatusFilter key="TaskStatusFilter" defaultValue={defaultTaskStatus} />],
+            // 		onFilter,
+            // 	},
+            // 	sortOptions: [
+            // 		{ label: "Name", value: "Name" },
+            // 		{ label: "Start Date", value: "StartDate" },
+            // 		{ label: "Due Date", value: "DueDate" },
+            // 		{ label: "Priority", value: "Flag" },
+            // 	],
+            // }}
+            // formViewTitle="Add Task"
+            className: "my-space-tasks", formView: React.createElement(NewTaskForm, { showView: true }), moveAfter: moveAfter, renderItem: ({ item, connectDragSource }) => (React.createElement(React.Fragment, null,
+                React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => {
+                        setActiveId(item.id);
+                        layout.history.push(generatePath(props.path, {
+                            dueDate: params.dueDate,
+                            active: item.id,
+                        }));
+                    } },
+                    React.createElement(SubTaskItem, { id: item.id, connectDragSource: connectDragSource })))) }))));
+    function filters() {
+        const todayFilter = {
+            c: "DueDate",
+            o: "between",
+            l: "And",
+            v1: dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
+            v2: dayjs().endOf("day").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const weekFilter = {
+            c: "DueDate",
+            o: "between",
+            l: "And",
+            v1: dayjs().startOf("week").format("YYYY-MM-DD HH:mm:ss"),
+            v2: dayjs().endOf("week").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const monthFilter = {
+            c: "DueDate",
+            o: "between",
+            l: "And",
+            v1: dayjs().startOf("month").format("YYYY-MM-DD HH:mm:ss"),
+            v2: dayjs().endOf("month").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const dueFilter = {
+            c: "DueDate",
+            o: "<",
+            l: "And",
+            v1: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const unscheduledFilter = [
+            {
+                c: "DueDate",
+                o: "is null",
+                l: "And",
+                v1: "",
+            },
+            {
+                c: "TaskStatus",
+                o: "contains",
+                l: "And",
+                v1: JSON.stringify(["NotStarted", "Progress"]),
+            },
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info?.unit?.id]) },
+        ];
+        const templateFilter = [
+            {
+                c: "CreatedBy",
+                o: "=",
+                l: "And",
+                v1: `${user.info.unit.id}`,
+            },
+            {
+                c: "TaskStatus",
+                o: "contains",
+                l: "And",
+                v1: JSON.stringify(["NotStarted", "Progress"]),
+            },
+        ];
+        let filter = [
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info?.unit?.id]) },
+            { c: "Status", o: "!=", v1: "Draft", l: "And" },
+            { c: "TaskStatus", o: "contains", l: "And", v1: JSON.stringify(["NotStarted", "Progress"]) },
+        ];
+        // let date: moment.unitOfTime.StartOf = "day";
+        // let v1 = "";
+        // let v2 = "";
+        // if (match.params.dueDate !== "today")
+        // 	date = match.params.dueDate as moment.unitOfTime.StartOf;
+        // if (match.params.dueDate === "unscheduled") {
+        // 	v1 = moment().add(1, "months").startOf("month").format("YYYY-MM-DD HH:mm:ss");
+        // 	v2 = moment().add(1, "months").endOf("month").format("YYYY-MM-DD HH:mm:ss");
+        // } else {
+        // 	v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
+        // 	v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
+        // }
+        // filter.push({ c: "DueDate", o: "between", l: "And", v1: v1, v2: v2 } as FilterOption);
+        switch (params.dueDate) {
+            case "unscheduled":
+                filter = unscheduledFilter;
+                break;
+            case "today":
+                filter = [todayFilter, ...filter];
+                break;
+            case "week":
+                filter = [weekFilter, ...filter];
+                break;
+            case "month":
+                filter = [monthFilter, ...filter];
+                break;
+            case "due":
+                filter = [dueFilter, ...filter];
+                break;
+            case "created":
+                filter = [...templateFilter];
+                break;
+            default:
+                return filter;
+        }
+        return filter;
+    }
+    async function moveAfter(id, afterId) {
+        await documentStore.moveAfter(id, afterId);
+    }
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
+};
+export default TaskList;
+//# sourceMappingURL=index.js.map