@voplus/morpho-workspace 1.0.0-dev01

package/es/modules/tasks/components/TaskItem/TaskItem.js

@@ -0,0 +1,119 @@
+import { useObserver } from "mobx-react-lite";
+import moment from "moment";
+import React, { useState } from "react";
+import classnames from "classnames";
+import { faClock, faCommentDots, faListOl, faPaperclip, faUsers, faCircle, faCheckCircle } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Row, Modal, Tooltip, message, Spin } from "@voplus/antd";
+import { InlineEdit } from "@voplus/morpho-ui";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { AvatarList, DocumentStatusLabel, MoreOperateDropdown } from "./index";
+import StarIcon from "../../../../controls/StarIcon";
+import { useTask, useTaskStore } from "../../../../data/task";
+import { Store } from "../../../../data/contexts/StoreContext";
+import { State } from "./state";
+import styles from "./index.less";
+export default (props) => {
+    const taskStore = useTaskStore();
+    const [store] = useState(new Store());
+    const [state] = useState(new State());
+    state.task = useTask(props.id);
+    const onChangeName = async (v) => {
+        if (v.trim() === state.task.name)
+            return;
+        state.loading = true;
+        await taskStore.edit(state.task.id, { Name: v });
+        state.loading = false;
+    };
+    const changeTaskCompleted = () => {
+        if (state.task.taskStatus === "Done")
+            return;
+        Modal.confirm({
+            title: "Please confirm that the task has been completed?",
+            async onOk() {
+                await taskStore.edit(state.task.id, { TaskStatus: "Done" });
+            },
+            onCancel() { }
+        });
+    };
+    const StartDateEdit = useObserver(() => (React.createElement(InlineEdit, { editable: props.editable || props.type === "detail", defaultValue: state.task.startDate ? moment(state.task.startDate) : "", content: v => (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faClock }),
+            v.store.value
+                ? moment(v.store.value.toString()).format("D MMM, YYYY")
+                : "Start Date - ")), onSave: (v) => (v ? taskStore.edit(state.task.id, { StartDate: v }) : null), editor: DateInputEditor })));
+    const EndDateEdit = useObserver(() => (React.createElement(InlineEdit, { editable: props.editable || props.type === "detail", defaultValue: state.task.dueDate ? moment(state.task.dueDate) : "", content: v => (React.createElement("span", { style: { margin: "0 10px 0 5px" } }, v.store.value ? moment(v.store.value.toString()).format("D MMM, YYYY") : "Due Date")), editTrigger: "click", onSave: (v) => (v ? taskStore.edit(state.task.id, { DueDate: v }) : null), editor: DateInputEditor })));
+    const iconList = (
+    // className={styles["task-control"]}
+    React.createElement(React.Fragment, null,
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faListOl }),
+            state.task.tasks || 0),
+        React.createElement("span", { onClick: (e) => e.stopPropagation() },
+            React.createElement(FAIcon, { icon: faPaperclip }),
+            state.task.documents || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faCommentDots }),
+            state.task.comments || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faUsers }),
+            (state.task.members && state.task.members.length) || 0)));
+    const onCut = () => {
+        store.onCut([props.id]);
+        message.success("cut successful");
+    };
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        !props.type && (React.createElement("div", { className: classnames("task-type-list", props.className) },
+            React.createElement("div", { onClick: (e) => e.stopPropagation() },
+                React.createElement(Row, { type: "flex", align: "middle" },
+                    React.createElement(Tooltip, { placement: "topLeft", title: "Status of the task" },
+                        React.createElement("span", { onClick: changeTaskCompleted, className: classnames("completed-icon", {
+                                completed: state.task.taskStatus === "Done"
+                            }) },
+                            React.createElement(FAIcon, { icon: state.task.taskStatus === "Done" ? faCheckCircle : faCircle }))),
+                    React.createElement(Tooltip, { title: "Important of the task" },
+                        React.createElement("span", null,
+                            React.createElement(StarIcon, { important: state.task.important, color: state.task.taskStatus === "Done" ? "#a8a8a8" : "#666", onchange: () => taskStore.edit(state.task.id, { Important: !state.task.important }), className: "completed-icon" }))),
+                    React.createElement("div", { className: classnames("task-item-name", {
+                            "task-item-name_done": state.task.taskStatus === "Done"
+                        }) }, state.task.name)),
+                state.task.taskStatus !== "Done" && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "task-control" },
+                        state.task.startDate && (React.createElement("span", null,
+                            React.createElement(FAIcon, { icon: faClock }),
+                            moment(state.task.dueDate).format("D MMM YYYY"))),
+                        iconList),
+                    React.createElement(AvatarList, { editable: false, list: state.task.members, num: 4 })))),
+            React.createElement(DocumentStatusLabel, { status: state.task.taskStatus, editable: state.task.taskStatus !== "Done" }))),
+        props.type === "sub" && (React.createElement(Row, { type: "flex", justify: "space-between", align: "middle", className: classnames("task-type-sub", props.className) },
+            React.createElement(Row, { type: "flex", justify: "space-between", align: "middle" },
+                React.createElement("div", null,
+                    React.createElement(Row, { type: "flex", align: "middle" },
+                        React.createElement(Tooltip, { placement: "topLeft", title: "Status of the task" },
+                            React.createElement("span", { onClick: changeTaskCompleted, className: classnames("completed-icon", {
+                                    completed: state.task.taskStatus === "Done"
+                                }) },
+                                React.createElement(FAIcon, { icon: state.task.taskStatus === "Done" ? faCheckCircle : faCircle }))),
+                        React.createElement(Tooltip, { title: "Important of the task" },
+                            React.createElement("span", null,
+                                React.createElement(StarIcon, { important: state.task.important, color: state.task.taskStatus === "Done" ? "#a8a8a8" : "#666", onchange: () => taskStore.edit(state.task.id, { Important: !state.task.important }), className: "completed-icon" }))),
+                        React.createElement(InlineEdit, { editable: props.editable, defaultValue: state.task.name, content: v => React.createElement("div", { className: "task-item-name" }, v.store.value), onSave: onChangeName })),
+                    React.createElement(Row, { type: "flex", className: "task-control" },
+                        state.task.startDate && (React.createElement(React.Fragment, null,
+                            props.editable && StartDateEdit,
+                            EndDateEdit)),
+                        iconList)),
+                React.createElement(AvatarList, { list: state.task.members, num: 5, editable: props.editable, className: styles["padding-left-20"] })),
+            React.createElement("div", null,
+                React.createElement(DocumentStatusLabel, { status: state.task.taskStatus }),
+                React.createElement(MoreOperateDropdown, { className: styles["margin-left-20"], edit: false, cut: true, onDelete: () => taskStore.delete(state.task.id, { DeleteChilds: true }), onCut: onCut })))),
+        props.type === "detail" && (React.createElement("div", { className: classnames("task-type-detail", props.className) },
+            React.createElement(Spin, { spinning: state.loading },
+                React.createElement(InlineEdit, { editable: props.editable, defaultValue: state.task.name, content: v => React.createElement("div", { className: "task-item-name" }, v.store.value), onSave: onChangeName }),
+                React.createElement(Row, { type: "flex", justify: "space-between", align: "middle", className: "task-control" },
+                    StartDateEdit,
+                    EndDateEdit,
+                    React.createElement("div", null,
+                        React.createElement(DocumentStatusLabel, { status: state.task.taskStatus, className: styles["margin-left-20"] }))),
+                React.createElement(AvatarList, { list: state.task.members, num: 4, onReload: ids => taskStore.edit(state.task.id, { MemberIds: ids }) })))))));
+};
+//# sourceMappingURL=TaskItem.js.map

package/es/modules/tasks/components/TaskItem/TaskItem.js.map

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

package/es/modules/tasks/components/TaskItem/index.d.ts

@@ -0,0 +1,6 @@
+import TaskItem from "./TaskItem";
+export { default as AvatarList } from "../../../../components/AvatarList";
+export { default as DocumentList } from "../../../../components/DocumentList";
+export { default as DocumentStatusLabel } from "../../../../controls/DocumentStatusLabel";
+export { default as MoreOperateDropdown } from "../../../../controls/MoreOperateDropdown";
+export default TaskItem;

package/es/modules/tasks/components/TaskItem/index.js

@@ -0,0 +1,7 @@
+import TaskItem from "./TaskItem";
+export { default as AvatarList } from "../../../../components/AvatarList";
+export { default as DocumentList } from "../../../../components/DocumentList";
+export { default as DocumentStatusLabel } from "../../../../controls/DocumentStatusLabel";
+export { default as MoreOperateDropdown } from "../../../../controls/MoreOperateDropdown";
+export default TaskItem;
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/components/TaskItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,eAAe,QAAQ,CAAC"}

package/es/modules/tasks/components/TaskItem/index.less

@@ -0,0 +1,76 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../../../styles/common.less";
+:global {
+	.task-type-list,
+	.task-type-sub,
+	.task-type-detail {
+		flex: 1;
+		.task-item-name {
+			font-size: 15px;
+			line-height: 22px;
+			color: #000;
+			// font-weight: 300;
+		}
+		.task-item-name.task-item-name_done {
+			color: #a8a8a8;
+		}
+		.completed-icon {
+			margin-right: 10px;
+			font-size: 15px;
+			&.completed {
+				color: #52c41a;
+			}
+		}
+		.task-status-circle_solid {
+			background: #7c7c7c;
+		}
+		.task-control {
+			padding: 5px 0;
+			font-size: 13px;
+			color: #444;
+			> span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+				// transform: translate(0, -2px);
+			}
+			.svg-inline--fa {
+				margin-right: 8px;
+			}
+		}
+	}
+	.task-type-list {
+		display: flex;
+		position: relative;
+		justify-content: space-between;
+		align-items: center;
+		padding: 10px 20px;
+	}
+	.task-type-list:before {
+		position: absolute;
+		content: "";
+		left: 20px;
+		bottom: 0;
+		right: 0;
+		border-bottom: 1px solid @border-color-base;
+	}
+	.task-type-sub {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 7px 0 8px 0;
+	}
+	.task-type-detail {
+		display: flex;
+		justify-content: space-between;
+	}
+	.document-drop-menu {
+		min-width: 250px;
+		max-width: 600px;
+		padding: 10px 10px 20px 10px;
+		margin: 0 20px;
+		background: #fff;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	}
+}

package/es/modules/tasks/components/TaskItem/state.d.ts

@@ -0,0 +1,5 @@
+import { ITask } from "../../../../data/task";
+export declare class State {
+    task: ITask;
+    loading: boolean;
+}

package/es/modules/tasks/components/TaskItem/state.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "task", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/tasks/components/TaskItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QAEa,YAAO,GAAY,KAAK,CAAC;IACtC,CAAC;CAAA;AAFY;IAAX,UAAU;mCAAa;AACZ;IAAX,UAAU;sCAA0B"}

package/es/modules/tasks/components/TaskList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/modules/tasks/components/TaskList/index.js

@@ -0,0 +1,42 @@
+import React, { useState, useEffect } from "react";
+import VoLayout from "../../../../components/VoLayout";
+import TaskItem from "../../components/TaskItem";
+import NewTaskForm from "../../components/NewTaskForm";
+import TaskDetail from "../TaskDetail";
+import { useTaskListEffect } from "../../../../data/task/hooks";
+import { useTaskStore } from "../../../../data/task";
+import { useObserver } from "mobx-react-lite";
+import { useSort } from "../../../../data/contexts/SortContext";
+import { State } from "./state";
+import { toJS } from "mobx";
+export default () => {
+    const sortStore = useSort();
+    const [state] = useState(new State());
+    const tasks = useTaskStore();
+    const onTaskCreated = (s, t) => {
+        state.tasks.push(t);
+    };
+    const onTaskDeleted = (s, t) => {
+        state.tasks = state.tasks.filter(task => task.id !== t.id);
+    };
+    useEffect(() => {
+        tasks.TaskCreatedEvent.subscribe(onTaskCreated);
+        tasks.TaskDeletedEvent.subscribe(onTaskDeleted);
+        return () => {
+            tasks.TaskCreatedEvent.unsubscribe(onTaskCreated);
+            tasks.TaskDeletedEvent.unsubscribe(onTaskDeleted);
+        };
+    }, []);
+    useObserver(() => {
+        useTaskListEffect(list => {
+            state.tasks = list;
+            state.loading = false;
+        }, { Sort: toJS(sortStore.data), Page: { Page: state.page, PageSize: state.pageSize } });
+    });
+    const loadData = (page) => {
+        // state.loading = true;
+        state.page = page;
+    };
+    return useObserver(() => (React.createElement(VoLayout, { loading: state.loading, data: state.tasks, pageSize: state.pageSize, formViewTitle: "Add Task", formView: React.createElement(NewTaskForm, { onDisplayView: (id) => React.createElement(TaskDetail, { id: id }) }), defaultView: (id) => React.createElement(TaskDetail, { id: id }), renderItem: (task, index) => React.createElement(TaskItem, { id: task.id, index: index }), sort: false, loadData: loadData })));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/components/TaskList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE/D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,eAAe,GAAG,EAAE;IACnB,MAAM,SAAS,GAAG,OAAO,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,aAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;QAChD,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;QAChD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC5D,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QAChD,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACX,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAClD,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QACnD,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,WAAW,CAAC,GAAG,EAAE;QAChB,iBAAiB,CAChB,IAAI,CAAC,EAAE;YACN,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,CAAC,SAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CACrF,CAAC;IACH,CAAC,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,wBAAwB;QACxB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC,CAAC;IACF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,QAAQ,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,oBAAC,WAAW,IAAC,aAAa,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,GAAI,EAChF,WAAW,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,EACnD,UAAU,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EACjF,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,QAAQ,GAEjB,CACF,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/es/modules/tasks/components/TaskList/state.d.ts

@@ -0,0 +1,7 @@
+import { ITask } from "../../../../data/task";
+export declare class State {
+    tasks: ITask[];
+    page: number;
+    pageSize: number;
+    loading: Boolean;
+}

package/es/modules/tasks/components/TaskList/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.tasks = [];
+        this.page = 1;
+        this.pageSize = 20;
+        this.loading = true;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "tasks", void 0);
+__decorate([
+    observable
+], State.prototype, "page", void 0);
+__decorate([
+    observable
+], State.prototype, "pageSize", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/tasks/components/TaskList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QACa,UAAK,GAAY,EAAE,CAAC;QACpB,SAAI,GAAW,CAAC,CAAC;QACjB,aAAQ,GAAW,EAAE,CAAC;QACtB,YAAO,GAAY,IAAI,CAAC;IACrC,CAAC;CAAA;AAJY;IAAX,UAAU;oCAAqB;AACpB;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;uCAAuB;AACtB;IAAX,UAAU;sCAAyB"}

package/es/modules/tasks/pages/TaskListView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/modules/tasks/pages/TaskListView/index.js

@@ -0,0 +1,8 @@
+import React from "react";
+import TaskList from "../../components/TaskList";
+import { SortContext, SortStore } from "../../../../data/contexts/SortContext";
+export default () => {
+    return (React.createElement(SortContext.Provider, { value: new SortStore() },
+        React.createElement(TaskList, null)));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/pages/TaskListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskListView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAE/E,eAAe,GAAG,EAAE;IACnB,OAAO,CACN,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,SAAS,EAAE;QAC3C,oBAAC,QAAQ,OAAG,CACU,CACvB,CAAC;AACH,CAAC,CAAC"}

package/es/modules/tasks/pages/TaskTabView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/modules/tasks/pages/TaskTabView/index.js

@@ -0,0 +1,53 @@
+import React, { useState, useContext } from "react";
+import { Button, Row, Skeleton, Tabs } from "@voplus/antd";
+import ToolBar from "../../../../components/ToolBar";
+import TaskItem from "../../components/TaskItem";
+import SubTaskList from "../../components/SubTaskList";
+import Comment from "@voplus/morpho-collaboration/es/components/Comment";
+import DocumentList from "@voplus/morpho-document/es/legacy/components/DocumentList";
+import ActivityLog from "../../../../components/ActivityLog";
+import { useTask } from "../../../../data/task/hooks";
+import { useTaskStore } from "../../../../data/task";
+import { useObserver } from "mobx-react-lite";
+import styles from "../../../../styles/common.less";
+import { __RouterContext } from "react-router";
+import { useTabItem } from "@voplus/morpho-data";
+export default () => {
+    const { match } = useContext(__RouterContext);
+    const id = match.params.id;
+    const task = useTask(id, { reload: true });
+    const [isCanEdit, setCanEdit] = useState(false);
+    const taskStore = useTaskStore();
+    const onItemDelete = async () => {
+        await taskStore.delete(id, { DeleteChilds: true });
+    };
+    const tab = useTabItem();
+    tab.title = "Task Tab View";
+    return useObserver(() => (React.createElement("div", { className: "module-tab-view" },
+        React.createElement("div", { className: "module-view-header" },
+            React.createElement(Skeleton, { loading: !task.loaded },
+                React.createElement(Row, { type: "flex", justify: "space-between" },
+                    React.createElement(TaskItem, { type: "detail", id: id, editable: isCanEdit }),
+                    React.createElement("div", null,
+                        React.createElement(ToolBar, { lock: true, routeUrl: `/task/${id}`, onItemEdit: () => setCanEdit(!isCanEdit), onDelete: onItemDelete }),
+                        React.createElement("div", { className: styles["margin-top-10"] },
+                            React.createElement(Button, { size: "small" }, "+tag")))),
+                React.createElement("div", { className: styles["margin-top-10"] }, task.description))),
+        React.createElement("div", { className: "module-tab-view_main" },
+            React.createElement("div", { className: "module-tab-view_left" },
+                React.createElement("div", { className: "module-box" },
+                    React.createElement(SubTaskList, { parentId: id }))),
+            React.createElement("div", { className: "module-tab-view_right" },
+                React.createElement(Tabs, null,
+                    React.createElement(Tabs.TabPane, { tab: "Documents", key: "1" },
+                        React.createElement("div", { className: "module-box" },
+                            React.createElement(DocumentList, { id: id }))),
+                    React.createElement(Tabs.TabPane, { tab: "Comments", key: "2" },
+                        React.createElement(Comment, { channelId: id })),
+                    React.createElement(Tabs.TabPane, { tab: "Activities", key: "3" },
+                        React.createElement("div", { className: "module-box" },
+                            React.createElement(ActivityLog, { showHeader: false }))),
+                    React.createElement(Tabs.TabPane, { tab: "Reference", key: "4" },
+                        React.createElement("div", { className: "module-box" }, "Reference"))))))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/pages/TaskTabView/index.js.map

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

package/es/modules/tasks/pages/TaskTestView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/modules/tasks/pages/TaskTestView/index.js

@@ -0,0 +1,55 @@
+import React, { useState, useContext } from "react";
+import { Button, Row, Skeleton, Tabs } from "@voplus/antd";
+import ToolBar from "../../../../components/ToolBar";
+import TaskItem from "../../components/TaskItem";
+import SubTaskList from "../../components/SubTaskList";
+import Comment from "@voplus/morpho-collaboration/es/components/Comment";
+import DocumentList from "@voplus/morpho-document/es/legacy/components/DocumentList";
+import ActivityLog from "../../../../components/ActivityLog";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { useTask } from "../../../../data/task/hooks";
+import { useTaskStore } from "../../../../data/task";
+import { Store } from "../../../../data/contexts/StoreContext";
+import { useObserver } from "mobx-react-lite";
+import styles from "./index.less";
+import { __RouterContext } from "react-router";
+export default () => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const { match } = useContext(__RouterContext);
+    const id = match.params.id;
+    const task = useTask(id, { reload: true });
+    const [showMore, setShowMore] = useState(true);
+    const taskStore = useTaskStore();
+    const onItemDelete = async () => {
+        await taskStore.delete(id, { DeleteChilds: true });
+    };
+    const [store] = useState(new Store());
+    // const tab = useTabItem();
+    // tab.title = "Task Text View";
+    return useObserver(() => (React.createElement("div", { className: "task-text-view" },
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement("div", { className: "task-text-view_left" },
+                React.createElement(Skeleton, { loading: !task.loaded },
+                    React.createElement(Row, { type: "flex", justify: "space-between" },
+                        React.createElement(TaskItem, { type: "detail", id: id }),
+                        React.createElement("div", null,
+                            React.createElement(ToolBar, { lock: true, onExpend: () => asideContext.asideContent
+                                    ? asideContext.closeAside()
+                                    : asideContext.openAside(React.createElement("div", { className: "task-text-view_right" },
+                                        React.createElement(Tabs, { defaultActiveKey: "2" },
+                                            React.createElement(Tabs.TabPane, { tab: "Documents", key: "1" },
+                                                React.createElement("div", { className: "module-box" },
+                                                    React.createElement(DocumentList, { id: id }))),
+                                            React.createElement(Tabs.TabPane, { tab: "Comments", key: "2" },
+                                                React.createElement(Comment, { channelId: id })),
+                                            React.createElement(Tabs.TabPane, { tab: "Activities", key: "3" },
+                                                React.createElement("div", { className: "module-box" },
+                                                    React.createElement(ActivityLog, { showHeader: false }))),
+                                            React.createElement(Tabs.TabPane, { tab: "Reference", key: "4" },
+                                                React.createElement("div", { className: "module-box" }, "Reference")))), { span: 12 }), onDelete: onItemDelete, onPaste: () => store.onPaste(() => console.log(565656)) }),
+                            React.createElement("div", { className: styles["margin-top-10"] },
+                                React.createElement(Button, { size: "small" }, "+tag")))),
+                    React.createElement("div", { className: "description" }, task.description)),
+                React.createElement(SubTaskList, { parentId: id }))))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/pages/TaskTestView/index.js.map

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

package/es/modules/tasks/pages/TaskTestView/index.less

@@ -0,0 +1,51 @@
+@import "../../../../styles/common.less";
+:global {
+	.task-text-view {
+		// display: flex;
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		box-sizing: border-box;
+		// justify-content: space-between;
+		background: #f2f2f2;
+		.task-text-view_left,
+		.task-text-view_right {
+			flex: 1;
+			background: #fff;
+			overflow-x: hidden;
+		}
+		.task-text-view_left {
+			padding: 15px 20px;
+			.description {
+				padding: 15px 0;
+			}
+		}
+		.task-text-view_right {
+			display: flex;
+			flex-direction: column;
+			// width: 0;
+			height: 100%;
+			// margin-left: 10px;
+			// transform: translateX(100%);
+			&.show {
+				// flex: 1;
+				// transform: translateX(0%);
+				// transition: transform 0.3s ease-in;
+			}
+			.ant-tabs {
+				display: flex;
+				flex-direction: column;
+				.ant-tabs-content {
+					height: 100%;
+					padding-bottom: 45px;
+				}
+				.ant-tabs-bar {
+					margin: 0 20px;
+				}
+				.module-box {
+					padding: 10px 20px;
+				}
+			}
+		}
+	}
+}

package/es/modules/user/pages/Positions/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;