@voplus/morpho-workspace 4.0.0 → 4.0.2

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

@@ -1,62 +1,62 @@
-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 DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
-import { FlagFilter } from "@voplus/morpho-document/es/controls/filters";
-import { useTaskListEffect } from "@voplus/morpho-document-core";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import NewTaskForm from "../../components/NewTaskForm";
-import TaskPropertiesView from "../../components/TaskPropertiesView";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-import { useTabItem } from "@voplus/morpho-data";
-const TaskList = (props) => {
-    const tab = useTabItem();
-    useEffect(() => {
-        runInAction(() => (tab.title = "Tasks"));
-    }, []);
-    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,
-                },
-                quickSearch: true,
-            }, 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 }, 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;
+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 DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import { FlagFilter } from "@voplus/morpho-document/es/controls/filters";
+import { useTaskListEffect } from "@voplus/morpho-document-core";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewTaskForm from "../../components/NewTaskForm";
+import TaskPropertiesView from "../../components/TaskPropertiesView";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useTabItem } from "@voplus/morpho-data";
+const TaskList = (props) => {
+    const tab = useTabItem();
+    useEffect(() => {
+        runInAction(() => (tab.title = "Tasks"));
+    }, []);
+    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,
+                },
+                quickSearch: true,
+            }, 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 }, 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/TaskTabView/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** The Task Page component with router parameters support. */
-declare const TaskTabView: ({ id }: {
-    id: string;
-}) => JSX.Element;
-export default TaskTabView;
+/// <reference types="react" />
+/** The Task Page component with router parameters support. */
+declare const TaskTabView: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default TaskTabView;

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

@@ -1,96 +1,96 @@
-import { Archive, Reload, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import React, { useEffect, useState } from "react";
-import { Skeleton, message } from "antd";
-import { observe, useAutorunEffect } from "@voplus/morpho-ui";
-import { useApplicationContext, useTabItem } from "@voplus/morpho-data";
-import { useTask, useTaskStore } from "@voplus/morpho-document-core";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
-import SubTaskItem from "../../components/TaskItem/SubTaskItem";
-import SubTaskList from "../../components/SubTaskList";
-import TaskDataIconBar from "../../controls/TaskDataIconBar";
-import TaskEstimatedTime from "../../components/TaskEstimatedTime";
-import TaskStatusLabel from "../../controls/TaskStatusLabel";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { autorun } from "mobx";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-/** The Task Page component with router parameters support. */
-const TaskTabView = ({ id }) => {
-    const [asideContext] = useState(AsideContent.createContext());
-    const { user } = useApplicationContext();
-    const [loaded, setLoaded] = useState(true);
-    const task = useTask(id, { reload: true, includes: "path,tags,links" });
-    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
-    const taskStore = useTaskStore();
-    const tab = useTabItem();
-    useEffect(() => {
-        runInAction(() => asideContext.openAside(AsideElement, { span: 12 }));
-    }, []);
-    useEffect(() => autorun(() => setTaskStatus(task.taskStatus)), [task.taskStatus]);
-    useAutorunEffect(() => {
-        tab.title = task === null || task === void 0 ? void 0 : task.name;
-    });
-    const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
-        React.createElement(DocumentTabs, { id: id, docTabOptions: { exclude: ["Task"] } })));
-    return observe(() => (React.createElement("div", { className: "module-tab-view" },
-        React.createElement(AsideContent, { context: asideContext },
-            React.createElement("div", { className: styles["task-tab-view"] }, loaded && (React.createElement(React.Fragment, null,
-                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(TaskDataIconBar, { id: id })),
-                        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(TaskStatusLabel, { status: taskStatus, editable: !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);
-        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 TaskTabView;
+import { Archive, Reload, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { Skeleton, message } from "antd";
+import { observe, useAutorunEffect } from "@voplus/morpho-ui";
+import { useApplicationContext, useTabItem } from "@voplus/morpho-data";
+import { useTask, useTaskStore } from "@voplus/morpho-document-core";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import SubTaskItem from "../../components/TaskItem/SubTaskItem";
+import SubTaskList from "../../components/SubTaskList";
+import TaskDataIconBar from "../../controls/TaskDataIconBar";
+import TaskEstimatedTime from "../../components/TaskEstimatedTime";
+import TaskStatusLabel from "../../controls/TaskStatusLabel";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { autorun } from "mobx";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+/** The Task Page component with router parameters support. */
+const TaskTabView = ({ id }) => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const { user } = useApplicationContext();
+    const [loaded, setLoaded] = useState(true);
+    const task = useTask(id, { reload: true, includes: "path,tags,links" });
+    const [taskStatus, setTaskStatus] = useState(task.taskStatus);
+    const taskStore = useTaskStore();
+    const tab = useTabItem();
+    useEffect(() => {
+        runInAction(() => asideContext.openAside(AsideElement, { span: 12 }));
+    }, []);
+    useEffect(() => autorun(() => setTaskStatus(task.taskStatus)), [task.taskStatus]);
+    useAutorunEffect(() => {
+        tab.title = task === null || task === void 0 ? void 0 : task.name;
+    });
+    const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
+        React.createElement(DocumentTabs, { id: id, docTabOptions: { exclude: ["Task"] } })));
+    return observe(() => (React.createElement("div", { className: "module-tab-view" },
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement("div", { className: styles["task-tab-view"] }, loaded && (React.createElement(React.Fragment, null,
+                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(TaskDataIconBar, { id: id })),
+                        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(TaskStatusLabel, { status: taskStatus, editable: !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);
+        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 TaskTabView;
 //# sourceMappingURL=index.js.map

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

@@ -1,66 +1,66 @@
-@import "../../../../style/common.less";
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.task-tab-view {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	background: #fff;
-	:global {
-		.tools-bar {
-			text-align: right;
-		}
-		.task-tab-description {
-			padding: 10px 20px;
-		}
-		.sub-task-simply-form {
-			position: sticky;
-			bottom: 0;
-			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 {
-	background: #fff;
-	padding: 5px 20px;
-	border-bottom: 1px solid #f2f2f2;
-	cursor: pointer;
-	:global {
-		.ant-breadcrumb span {
-			display: inline-block;
-			vertical-align: middle;
-		}
-		.breadcrumb-name {
-			display: inline-block;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-		.breadcrumb-active {
-			color: @primary-color;
-		}
-	}
-}
-.task-box {
-	padding: 0 20px;
-}
+@import "../../../../style/common.less";
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.task-tab-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	background: #fff;
+	:global {
+		.tools-bar {
+			text-align: right;
+		}
+		.task-tab-description {
+			padding: 10px 20px;
+		}
+		.sub-task-simply-form {
+			position: sticky;
+			bottom: 0;
+			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 {
+	background: #fff;
+	padding: 5px 20px;
+	border-bottom: 1px solid #f2f2f2;
+	cursor: pointer;
+	:global {
+		.ant-breadcrumb span {
+			display: inline-block;
+			vertical-align: middle;
+		}
+		.breadcrumb-name {
+			display: inline-block;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+		.breadcrumb-active {
+			color: @primary-color;
+		}
+	}
+}
+.task-box {
+	padding: 0 20px;
+}

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

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

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

@@ -1,41 +1,41 @@
-import React, { useRef, useState } from "react";
-import { runInAction, toJS } from "mobx";
-import { Avatar } from "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;
+import React, { useRef, useState } from "react";
+import { runInAction, toJS } from "mobx";
+import { Avatar } from "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.less

@@ -1,21 +1,21 @@
-.member-estimated-list {
-	height: 340px;
-	min-width: 250px;
-	:global {
-		.member-estimated-item {
-			display: flex;
-			color: #444;
-			line-height: 32px;
-			padding: 8px 0;
-			.member-avatar {
-				margin-right: 10px;
-				.avatar-img {
-					font-size: 13px !important;
-				}
-			}
-			.member-name {
-				flex: 1;
-			}
-		}
-	}
-}
+.member-estimated-list {
+	height: 340px;
+	min-width: 250px;
+	:global {
+		.member-estimated-item {
+			display: flex;
+			color: #444;
+			line-height: 32px;
+			padding: 8px 0;
+			.member-avatar {
+				margin-right: 10px;
+				.avatar-img {
+					font-size: 13px !important;
+				}
+			}
+			.member-name {
+				flex: 1;
+			}
+		}
+	}
+}