@voplus/morpho-workspace 1.0.0-dev73 → 1.0.0-mobx01

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

@@ -1,11 +1,74 @@
+import { Archive, Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { CommentDataIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
+import React, { useEffect, useState } from "react";
+import { useTask, useTaskStore } from "../../../../data/task";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import DocumentStatusLabel from "@voplus/morpho-document/es/controls/DocumentStatusLabel";
 import QuickViewDialog from "@voplus/morpho-document/es/components/QuickViewDialog";
-import React from "react";
+import TaskAnalyticsDataIcon from "../../reports/TaskAnalyticsDataIcon";
 import TaskDescription from "../TaskDescription";
-import TaskHeader from "../TaskHeader";
-import { useObserver } from "mobx-react-lite";
+import TaskEstimatedTime from "../TaskEstimatedTime";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { message } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
 const TaskQuickViewDialog = (props) => {
-    return useObserver(() => (React.createElement(QuickViewDialog, { id: props.id, exclude: ["Task"], visible: props.visible, onCancel: props.onCancel, header: React.createElement(TaskHeader, { id: props.id, reload: true }) },
-        React.createElement(TaskDescription, { id: props.id }))));
+    const { id } = props;
+    const { user } = useApplicationContext();
+    const task = useTask(id, { reload: false, includes: "tags" });
+    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
+    const [loaded, setLoaded] = useState(true);
+    const taskStore = useTaskStore();
+    useEffect(() => {
+        setTaskStatus(task.taskStatus);
+    }, [task.taskStatus]);
+    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, exclude: ["Task"], visible: props.visible, onCancel: props.onCancel, header: React.createElement(React.Fragment, null,
+            loaded && (React.createElement(DocumentHeader, { id: id, quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, quickDataBarVisible: false, toolsVisible: false, descriptionVisible: false, style: { padding: "10px 20px 0 20px" } })),
+            React.createElement("div", { className: styles["header-bar-tool"] },
+                React.createElement("div", null,
+                    React.createElement("div", null,
+                        React.createElement(TaskEstimatedTime, { id: id, estimatedHours: task.estimatedHours || 0, startDate: task.startDate, dueDate: task.dueDate, editable: !task.readonly, className: "margin-right-10" }),
+                        React.createElement(DataIconBar, null,
+                            React.createElement(DocumentDataIcon, { id: id }),
+                            React.createElement(CommentDataIcon, { id: id }),
+                            React.createElement(UserQuickIcon, { id: id })),
+                        React.createElement(TaskAnalyticsDataIcon, { id: id, className: "margin-left-10" })),
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, editable: !task.readonly, list: [
+                            ...(task.members || []),
+                            ...(task.childMembers || [])
+                                .filter((item) => !(task.members || []).some((member) => member.id === item.id))
+                                .map((item) => ({
+                                ...item,
+                                disabled: true,
+                            })),
+                        ], onChange: (ids) => taskStore.edit(id, { data: { MemberIds: ids }, error: "message" }) })),
+                React.createElement("div", { className: "tools-bar" },
+                    React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: onReload }),
+                        React.createElement(Open, { url: `/tasks/${id}` }),
+                        React.createElement(Archive, null)),
+                    React.createElement(DocumentStatusLabel, { status: taskStatus, editable: taskStatus !== "NotAssigned" || !task.readonly, onChange: (TaskStatus) => onEdit(TaskStatus), className: "margin-top-5" })))) }, loaded && React.createElement(TaskDescription, { id: props.id }))));
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+    /** task edit TaskStatus */
+    async function onEdit(TaskStatus) {
+        setTaskStatus(TaskStatus);
+        await taskStore.edit(id, {
+            data: { TaskStatus },
+            error: (error) => {
+                message.error(error.message);
+                setTaskStatus(task.taskStatus);
+            },
+        });
+    }
 };
 export default TaskQuickViewDialog;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,uDAAuD,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC/F,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,CAAC,MAAM,CAAC,EACjB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,oBAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,GAAI;QAElD,oBAAC,eAAe,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAChB,CAClB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskQuickViewDialog/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,13 @@
-.task-item-name {
-	color: #000;
-	font-size: 15px;
-	font-weight: 500;
-	line-height: 20px;
-	z-index: 1000;
+.header-bar-tool {
+	display: flex;
+	justify-content: space-between;
+	padding: 0 20px 10px 20px;
+	:global {
+		.tools-bar {
+			text-align: right;
+			.tool-bar {
+				display: block;
+			}
+		}
+	}
 }

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

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

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

@@ -1,108 +1,66 @@
-import { useTaskStore } from "../../../../data/task";
-import React, { useEffect, useRef, useState } from "react";
+import { AssigneeViewFilter, DueDateFilter, StartDateFilter, TaskStatusFilter, } from "../../../../controls/filters";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect, useState } from "react";
+import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
 import DefaultTaskItem from "../../components/TaskItem/DefaultTaskItem";
-import { ListView } from "@voplus/morpho-ui";
-// import ListView from "../../../../components/ListView";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import { FlagFilter } from "@voplus/morpho-document/es/controls/filters";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
 import NewTaskForm from "../../components/NewTaskForm";
-import { State } from "./state";
 import TaskPropertiesView from "../../components/TaskPropertiesView";
-import moment from "moment";
-import { toJS } from "mobx";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useRenderOnChange } from "@voplus/morpho-ui";
 import { useTabItem } from "@voplus/morpho-data";
 import { useTaskListEffect } from "../../../../data/task/hooks";
-const TaskList = () => {
+const TaskList = (props) => {
     const tab = useTabItem();
-    tab.title = "Tasks";
-    const [state] = useState(new State());
-    const tasks = useTaskStore();
-    const onTaskCreated = (s, t) => {
-        state.tasks = !t.parentId ? [...state.tasks, t] : state.tasks;
-        state.reload = true;
-    };
-    const onTaskDeleted = (s, t) => {
-        state.tasks =
-            t instanceof Array
-                ? state.tasks.filter(task => !t.some(({ id }) => task.id === id))
-                : state.tasks.filter(task => task.id !== t.id);
-        state.reload = true;
-    };
     useEffect(() => {
-        tasks.ItemCreatedEvent.subscribe(onTaskCreated);
-        tasks.ItemDeletedEvent.subscribe(onTaskDeleted);
-        return () => {
-            tasks.ItemCreatedEvent.unsubscribe(onTaskCreated);
-            tasks.ItemDeletedEvent.unsubscribe(onTaskDeleted);
-        };
+        runInAction(() => (tab.title = "Tasks"));
     }, []);
-    // useObserver(() => {
-    useTaskListEffect(list => {
-        state.tasks = list || [];
-        state.loading = false;
-    }, {
-        Sort: toJS(state.data),
-        Page: { Page: state.page, PageSize: 20 },
-        Filters: state.filters
-    });
-    const reset = () => {
-        state.loading = true;
-        state.tasks = [];
-        state.page = 1;
-        // state.ref.current!.reset();
-    };
-    // reset
-    useEffect(() => {
-        reset();
-    }, [JSON.stringify(state.filters), JSON.stringify(state.data)]);
-    // });
-    const loadData = () => {
-        state.loading = true;
-        state.page = state.page + 1;
-    };
-    const onFilter = (value) => {
-        reset();
-        const { status, assignee, created, labels, dueDate } = value;
-        console.log(assignee, "labels");
-        state.filters = [
-            {
-                c: "TaskStatus",
-                o: "contains",
-                l: "And",
-                v1: toJS(JSON.stringify(status))
-            }
-        ];
-        if (assignee && assignee.length)
-            state.filters = [
-                ...state.filters,
-                {
-                    c: "Members",
-                    o: "contains",
-                    v1: '["33229d78-ed6a-411e-9438-2a4a4a9f0650", "73f13a14-0f3e-4706-a56c-15761697b242"]'
-                }
-            ];
-        if (labels && labels.length)
-            state.filters = [...state.filters, { c: "Flag", o: "contains", v1: JSON.stringify(labels) }];
-        if (dueDate && dueDate.length)
-            // CreateDate, StartDate,DueDate
-            state.filters = [
-                ...state.filters,
-                {
-                    c: "DueDate",
-                    o: "between",
-                    l: "And",
-                    v1: moment(dueDate[0]).format("YYYY-MM-DD"),
-                    v2: moment(dueDate[1]).format("YYYY-MM-DD")
-                }
-            ];
-    };
-    const ref = useRef(null);
-    const onSort = (data) => {
-        ref.current.reset();
-        state.data = data;
-    };
-    return useObserver(() => (React.createElement(ListView, { ref: ref, filterable: true, loading: state.loading, page: state.page, data: state.tasks, formViewTitle: "Add Task", formView: React.createElement(NewTaskForm, { showView: true }), defaultView: (id) => React.createElement(TaskPropertiesView, { id: id }), loadMore: loadData, onFilter: onFilter, onSort: onSort, renderItem: ({ item, index }) => (
-        // <TaskItem id={item.id} index={index} reload={state.reload} />
-        React.createElement(DefaultTaskItem, { id: item.id })) })));
+    const [activeId, setActiveId] = useState("");
+    const documents = useDocumentStore();
+    // includes: "task-number-reports": TaskItem现在没用这资料，移除可以快一点点
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: props.parentId
+                ? [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }]
+                : [],
+        },
+    }, []);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "Task" && !d.parentId);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
+    useTaskListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                filterViewProps: {
+                    columns: [
+                        React.createElement(TaskStatusFilter, { key: "TaskStatusFilter" }),
+                        React.createElement(FlagFilter, { key: "FlagFilter" }),
+                        React.createElement(AssigneeViewFilter, { key: "AssigneeViewFilter" }),
+                        React.createElement(StartDateFilter, { key: "StartDateFilter" }),
+                        React.createElement(DueDateFilter, { key: "DueDateFilter" }),
+                    ],
+                    onFilter,
+                },
+            }, formViewTitle: "Add Task", formView: React.createElement(NewTaskForm, { showView: true }), propertiesView: (id) => React.createElement(TaskPropertiesView, { id: id }), moveAfter: moveAfter, renderItem: ({ item, connectDragSource }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                    active: activeId === item.id,
+                    hoverEffect: "none",
+                    activeEffect: "border",
+                    borderProps: { location: "right", color: "#1890ff ", size: "2px" },
+                }, onClick: () => setActiveId(item.id) },
+                React.createElement(DefaultTaskItem, { id: item.id, connectDragSource: connectDragSource }))) }))));
+    async function moveAfter(id, afterId) {
+        await documents.moveAfter(id, afterId);
+    }
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
 };
 export default TaskList;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,33 +1,47 @@
-import { Breadcrumb, Skeleton } from "@voplus/antd";
-import React, { useContext, useEffect, useState } from "react";
-import { __RouterContext } from "react-router";
-import { useLayout, useTabItem } from "@voplus/morpho-data";
+import { Archive, Reload, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { Breadcrumb, Skeleton, message } from "@voplus/antd";
+import { CommentDataIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
+import React, { useEffect, useState } from "react";
+import { useApplicationContext, useLayout, useTabItem } from "@voplus/morpho-data";
 import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import DocumentStatusLabel from "@voplus/morpho-document/es/controls/DocumentStatusLabel";
 import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
-import { Scrollbars } from "react-custom-scrollbars";
+import SubTaskItem from "../../components/TaskItem/SubTaskItem";
 import SubTaskList from "../../components/SubTaskList";
-import TaskHeader from "../../components/TaskHeader";
+import TaskAnalyticsDataIcon from "../../reports/TaskAnalyticsDataIcon";
+import TaskEstimatedTime from "../../components/TaskEstimatedTime";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
 import classnames from "classnames";
-import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import styles from "./index.less";
-import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
 import { useTask } from "../../../../data/task/hooks";
 import { useTaskStore } from "../../../../data/task";
 const TaskTabView = () => {
     const [asideContext] = useState(AsideContent.createContext());
-    const { match } = useContext(__RouterContext);
+    const match = useRouteMatch();
     const id = match.params.id;
+    const { user } = useApplicationContext();
     const [loaded, setLoaded] = useState(true);
-    const task = useTask(id, { reload: false, includes: "path,tags,task-number-reports" });
+    const task = useTask(id, { reload: true, includes: "path,tags,links" });
+    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
     const taskStore = useTaskStore();
     const layout = useLayout();
     const tab = useTabItem();
-    tab.title = task.name;
     useEffect(() => {
-        asideContext.openAside(AsideElement, { span: 12 });
+        runInAction(() => asideContext.openAside(AsideElement, { span: 12 }));
     }, []);
+    useEffect(() => {
+        setTaskStatus(task.taskStatus);
+    }, [task.taskStatus]);
+    useEffect(() => {
+        runInAction(() => (tab.title = task === null || task === void 0 ? void 0 : task.name));
+    }, [task === null || task === void 0 ? void 0 : task.name]);
     const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
         React.createElement(DocumentTabs, { id: id, exclude: ["Task"] })));
     const subStrName = (name) => {
@@ -36,24 +50,56 @@ const TaskTabView = () => {
             : name;
     };
     const toPath = (id) => {
-        layout.history.push(`/tasks/${id}`);
+        runInAction(() => layout.history.push(`/tasks/${id}`));
     };
-    return useObserver(() => (React.createElement("div", { className: "module-tab-view" },
+    return observe(() => (React.createElement("div", { className: "module-tab-view" },
         task.loaded && !!(task.path && task.path.length) && (React.createElement("div", { className: styles["breadcrumb-container"] },
             React.createElement(Breadcrumb, { separator: ">" }, [...task.path, { id: id, name: task.name }].map((item) => (React.createElement(Breadcrumb.Item, { key: item.id, onClick: () => toPath(item.id) },
                 React.createElement("span", { title: item.name, className: classnames("breadcrumb-name", {
-                        "breadcrumb-active": item.id === id
+                        "breadcrumb-active": item.id === id,
                     }) }, subStrName(item.name)))))))),
         React.createElement(AsideContent, { context: asideContext },
             React.createElement("div", { className: styles["task-tab-view"] }, loaded && (React.createElement(React.Fragment, null,
-                React.createElement(TaskHeader, { id: id, includes: "path,tags,task-number-reports", onReload: onReload, onExpand: () => asideContext.asideContent
-                        ? asideContext.closeAside()
-                        : asideContext.openAside(AsideElement, { span: 12 }) }),
-                React.createElement(Scrollbars, { autoHide: true },
-                    React.createElement("div", { className: "task-tab-description" }, !task.loaded ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: task.status === "Readonly", placeholder: task.status === "Readonly" ? ("No description") : (React.createElement("span", null,
-                            React.createElement(FAIcon, { icon: faEdit }),
-                            "Add Description")), content: task.description || "", onSave: v => taskStore.edit(id, { Description: v }) }))),
-                    React.createElement(SubTaskList, { parentId: id, readonly: task.status === "Readonly" })))))))));
+                React.createElement(DocumentHeader, { id: id, size: "h3", preVisible: false, quickVisible: false, quickDataBarAlign: "left", className: "task-tab-header", clickNameEffect: "edit", autoSaveName: true, quickDataBar: React.createElement(React.Fragment, null,
+                        React.createElement("div", null,
+                            React.createElement(TaskEstimatedTime, { id: id, estimatedHours: task.estimatedHours || 0, startDate: task.startDate, dueDate: task.dueDate, editable: !task.readonly, className: "margin-right-10" }),
+                            React.createElement(DataIconBar, null,
+                                React.createElement(DocumentDataIcon, { id: id }),
+                                React.createElement(CommentDataIcon, { id: id }),
+                                React.createElement(UserQuickIcon, { id: id })),
+                            React.createElement(TaskAnalyticsDataIcon, { id: id, className: "margin-left-10" })),
+                        React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, editable: !task.readonly, list: [
+                                ...(task.members || []),
+                                ...(task.childMembers || [])
+                                    .filter((item) => !(task.members || []).some((member) => member.id === item.id))
+                                    .map((item) => ({
+                                    ...item,
+                                    disabled: true,
+                                })),
+                            ], onChange: (ids) => taskStore.edit(id, { data: { MemberIds: ids }, error: "message" }) })), tools: React.createElement("div", { className: "tools-bar" },
+                        React.createElement("div", null,
+                            React.createElement(ToolBar, { id: id },
+                                React.createElement(Reload, { action: onReload }),
+                                React.createElement(Sidebar, { action: () => runInAction(() => asideContext.asideContent
+                                        ? asideContext.closeAside()
+                                        : asideContext.openAside(AsideElement, { span: 12 })) }),
+                                React.createElement(Archive, null))),
+                        React.createElement(DocumentStatusLabel, { status: taskStatus, editable: taskStatus !== "NotAssigned" || !task.readonly, onChange: (TaskStatus) => onEdit(TaskStatus), className: "margin-top-10" })), descriptionVisible: false }),
+                task.loading ? (React.createElement("div", { className: "task-tab-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: task.description, readonly: task.readonly, padding: "0 0 0.75rem 0" })),
+                task.loading ? (React.createElement("div", { className: "task-tab-description" },
+                    React.createElement(Skeleton, { active: true }))) : (!!(task.links && task.links.length) && (React.createElement("div", { className: "linked-dependent-tasks" },
+                    React.createElement("div", { className: "view-title" }, "Linked Dependent Tasks"),
+                    (task.links || [])
+                        .filter(({ type, right }) => type === "Dependent" && right.type === "Task")
+                        .map((item) => (React.createElement("div", { key: item.id, className: "linked-dependent-task-item" },
+                        React.createElement("span", null, item.right && item.right.id === id ? "By" : ""),
+                        React.createElement(SubTaskItem, { id: item.right
+                                ? item.right.id === id
+                                    ? item.left.id
+                                    : item.right.id
+                                : "", reload: true }))))))),
+                React.createElement(SubTaskList, { parentId: id, readonly: task.status === "Readonly" }))))))));
     /** reload data */
     function onReload() {
         setLoaded(false);
@@ -61,6 +107,17 @@ const TaskTabView = () => {
             setLoaded(true);
         }, 100);
     }
+    /** task edit TaskStatus */
+    async function onEdit(TaskStatus) {
+        setTaskStatus(TaskStatus);
+        await taskStore.edit(id, {
+            data: { TaskStatus },
+            error: (error) => {
+                message.error(error.message);
+                setTaskStatus(task.taskStatus);
+            },
+        });
+    }
 };
 export default TaskTabView;
 //# sourceMappingURL=index.js.map

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

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

@@ -5,6 +5,9 @@
 	height: 100%;
 	background: #fff;
 	:global {
+		.tools-bar {
+			text-align: right;
+		}
 		.task-tab-description {
 			padding: 10px 20px;
 		}
@@ -14,6 +17,25 @@
 			z-index: 9999;
 			background: #fff;
 		}
+		.linked-dependent-tasks {
+			padding-bottom: 10px;
+			.view-title {
+				padding: 15px 20px;
+				font-size: 15px;
+				font-weight: 600;
+				color: #000;
+				border-bottom: 1px solid #f2f2f2;
+			}
+			.linked-dependent-task-item {
+				display: flex;
+				align-items: center;
+				padding: 0 20px;
+				.sub-task-item {
+					flex: 1;
+					margin: 0;
+				}
+			}
+		}
 	}
 }
 .breadcrumb-container {

package/es/modules/tasks/reports/MemberEstimatedDurationCard/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const MemberEstimatedDurationCard: (props: {
+    id: string;
+    onReload?: () => void;
+}) => JSX.Element;
+export default MemberEstimatedDurationCard;

package/es/modules/tasks/reports/MemberEstimatedDurationCard/index.js

@@ -0,0 +1,41 @@
+import React, { useRef, useState } from "react";
+import { runInAction, toJS } from "mobx";
+import { Avatar } from "@voplus/antd";
+import ListCard from "@voplus/morpho-report/es/components/ListCard";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useEstimatedTimeEffect } from "../../../../data/reports/useEstimatedTimeEffect";
+const MemberEstimatedDurationCard = (props) => {
+    const listCardRef = useRef();
+    const [state] = useState(new State());
+    const id = props.id;
+    const document = useDocument(id);
+    useEstimatedTimeEffect(id, (list) => {
+        runInAction(() => {
+            state.estimatedTime = list || [];
+            state.loading = false;
+        });
+    }, {
+        Sort: toJS(state.sort),
+        Filters: state.filters,
+        Page: { Page: state.page, PageSize: state.pageSize },
+    });
+    return observe(() => (React.createElement("div", { className: styles["member-estimated-list"] },
+        React.createElement(ListCard, { ref: listCardRef, title: document.name, data: state.estimatedTime, loading: state.loading, loadMore: () => state.loadData(), refresh: props.onReload, page: state.page, pageSize: state.pageSize, onSort: (data) => state.onSort(data), onFilter: (value) => state.onFilter(value) }, (list) => (React.createElement("div", null, list.map((item, index) => (React.createElement("div", { key: item.unit.id, className: "member-estimated-item" },
+            React.createElement("div", { className: "member-avatar" },
+                React.createElement(Avatar
+                // src={item.unit.avatar}
+                , { 
+                    // src={item.unit.avatar}
+                    className: "avatar-img", style: {
+                        backgroundColor: state.colorList[index % 6],
+                    } }, state.setName(item.unit.name))),
+            React.createElement("div", { className: "member-name" }, item.unit.name),
+            React.createElement("div", null,
+                item.estimatedTime,
+                " Hours"))))))))));
+};
+export default MemberEstimatedDurationCard;
+//# sourceMappingURL=index.js.map

package/es/modules/tasks/reports/MemberEstimatedDurationCard/index.js.map

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