@voplus/morpho-workspace 1.0.0-mobx01 → 1.1.0-dev002

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

@@ -1,136 +1,84 @@
 import "./index.less";
-import { AssigneeViewFilter, DueDateFilter, StartDateFilter, TaskStatusFilter, } from "../../../../controls/filters";
-import { Badge, message } from "@voplus/antd";
-import { BatchHeader, DeleteButton, MoveButton, } from "@voplus/morpho-ui/es/components/layout/ListView/headers";
-import { useAutoUpdateListData, useDocumentStore, useOnDeleteDocument, useOnNewDocument, } from "@voplus/morpho-document-core";
-import { useTaskListEffect, useTaskStore } from "../../../../data/task";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useEffect } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { State } from "./state";
-import AssignButton from "../../../../controls/AssignButton";
-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 { useTaskListEffect, useTaskStore } from "../../../../data/task";
+import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
+import { ListView } from "@voplus/morpho-ui";
 import NewTaskForm from "../NewTaskForm";
 import SubTaskItem from "../TaskItem/SubTaskItem";
-import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
 import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useDeepMemo } from "@voplus/morpho-data";
-import { useRenderOnChange } from "@voplus/morpho-ui";
+import { toJS } from "mobx";
+import { useObserver } from "mobx-react-lite";
 const SubTaskList = (props) => {
-    const { readonly, total } = props;
-    const documents = useDocumentStore();
+    const { readonly } = props;
     const taskStore = useTaskStore();
-    const state = useDeepMemo(() => new State(), [props.parentId]);
-    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
-        },
-    }, [props.parentId]);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.parentId === props.parentId && d.type === "Task");
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
-    useTaskListEffect(list, (result, total) => {
-        /** load分页的task跟新增的task重复了会以新增的为主,数据多的时候造成load完分页看不到新增的,先移除新增的,再union分页load进来的task */
-        for (const id of state.ids) {
-            list.remove(id);
-        }
-        list.union(result);
-        state.total = total;
-    }, { ...list.filters.options, Total: true });
-    /** */
-    useOnDeleteDocument((s, doc) => {
-        if (doc.id)
-            state.total -= 1;
-    });
-    /** 新增task */
-    useOnNewDocument((s, doc) => {
-        state.ids.push(doc.id);
-        if (doc.id)
-            state.total += 1;
+    const [store] = useState(new FileStore());
+    const [state] = useState(new State(taskStore));
+    state.props = props;
+    state.ref = useRef(null);
+    useEffect(state.subscribeOnTaskCreateCallback, []);
+    useTaskListEffect(list => {
+        state.tasks = list;
+        state.loading = false;
+    }, {
+        Filters: [
+            { c: "ParentNodeId", o: "=", l: "And", v1: props.parentId },
+            {
+                c: "TaskStatus",
+                o: "contains",
+                l: "And",
+                v1: toJS(JSON.stringify(state.filters))
+            }
+        ],
+        Sort: toJS(state.data),
+        Page: { Page: state.page, PageSize: 20 }
     });
     useEffect(() => {
-        state.clearAdd();
+        reset();
+        onCancel();
+        state.filters = ["Done", "Progress", "NotStarted", "NotAssigned"];
     }, [props.parentId]);
-    return observe(() => (
-    /** 建立新ListView所需Context. */
-    React.createElement(ListDataContext.Provider, { value: list },
+    return useObserver(() => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: classnames("sub-task-list", props.className) },
-            !state.showMore && (React.createElement(ListView, { renderId: props.parentId, headerProps: {
-                    header: (React.createElement(BatchHeader, { viewTitle: React.createElement(React.Fragment, null,
-                            "Sub-Tasks",
-                            total && (React.createElement(Badge, { count: state.total, overflowCount: 9999, className: "site-badge-count" }))), buttons: [
-                            React.createElement(DeleteButton, { execute: onDelete, key: "DeleteButton", disabled: state.batchLoading }),
-                            React.createElement(MoveButton, { execute: onMove, key: "MoveButton", disabled: state.batchLoading }),
-                            React.createElement(AssignButton, { execute: onAssign, loading: state.batchLoading, key: "AssignButton" }),
-                        ] })),
-                    addAble: !readonly,
-                    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,
-                    },
-                    onAdd: () => (state.addAble = !state.addAble),
-                }, moveAfter: moveAfter, renderItem: ({ item, connectDragSource, multiple }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
-                        hoverEffect: "background",
-                        hoverBackgroundProps: { color: "#f2f2f2" },
-                        style: { border: "none", flex: "1" },
-                    } },
-                    React.createElement(SubTaskItem, { id: item.id, multiple: multiple, reload: !!readonly, connectDragSource: connectDragSource }))) })),
-            state.addAble && (React.createElement(NewTaskForm, { simple: true, parentId: props.parentId, block: true, onSave: () => {
-                    state.clearAdd();
-                }, onCancel: () => state.clearAdd(), onShowMore: () => (state.showMore = !state.showMore) }))),
-        state.batchAssign && (React.createElement(UnitsSelectDialog, { onSelect: onSelectMember, onCancel: () => (state.batchAssign = false) })))));
-    function onMove(state) {
-        documents.cut(state.ids);
+            !state.showMore && (React.createElement(ListView, { ref: state.ref, renderId: props.parentId, addAble: !readonly, path: "tasks", type: "multiple", viewTitle: "Sub-Tasks", filterable: true, data: state.tasks, page: state.page, loading: state.loading, loadMore: loadMore, onDelete: onDelete, onMove: onMove, onSort: onSort, onFilter: onFilter, onAdd: () => (state.addAble = !state.addAble), moveAfter: moveAfter, renderItem: ({ item, index, connectDragSource, multiple }) => (React.createElement(SubTaskItem, { id: item.id, multiple: multiple, reload: !!readonly, connectDragSource: connectDragSource })) })),
+            state.addAble && (React.createElement(NewTaskForm, { simple: true, parentId: props.parentId, block: true, onSave: onCancel, onCancel: onCancel, onShowMore: () => (state.showMore = !state.showMore) }))))));
+    function loadMore() {
+        state.loading = true;
+        state.page = state.page + 1;
+    }
+    function onMove(ids) {
+        store.onMove(ids);
     }
-    /** Select Assign Member  */
-    function onAssign(BatchState) {
-        if (!BatchState.ids.length)
-            return message.warning("Please select the task to add member!");
-        state.batchIds = BatchState.ids;
-        return (state.batchAssign = true);
+    function onSort(value) {
+        reset();
+        state.data = value;
     }
-    /** Confirm Batch Assign Member */
-    async function onSelectMember(members) {
-        if (!members || !members.length)
-            return;
-        state.batchLoading = true;
-        const fun = [];
-        for (const id of state.batchIds) {
-            const ids = members.map(({ id }) => id);
-            fun.push(taskStore.edit(id, { data: { MemberIds: ids }, error: "message" }));
-        }
-        state.batchAssign = false;
-        /** 多次一起请求 */
-        await Promise.all(fun);
-        state.batchLoading = false;
+    function onFilter(value) {
+        reset();
+        const { status, assignee, created, labels, dueDate } = value;
+        state.filters = status;
     }
     // order by sub task
-    async function moveAfter(id, afterId) {
-        await documents.moveAfter(id, afterId);
+    async function moveAfter(id, afterId, list) {
+        await taskStore.moveAfter(id, afterId);
+        state.tasks = list;
+    }
+    async function onDelete(ids) {
+        await taskStore.delete(ids, { DeleteChilds: true });
     }
-    async function onDelete(state) {
-        await documents.delete(state.ids, { DeleteChilds: true });
+    function onCancel() {
+        state.addAble = false;
+        state.showMore = false;
     }
-    function onFilter(context) {
-        context.paging.Page = 1;
-        context.filter();
+    function reset() {
+        state.loading = true;
+        state.tasks = [];
+        state.page = 1;
+        // state.ref.current!.reset();
     }
 };
 SubTaskList.defaultProps = {
-    header: true,
-    total: true,
+    header: true
 };
 export default SubTaskList;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -5,26 +5,10 @@
 		display: flex;
 		flex-direction: column;
 		height: 100%;
-		.list-view-header > div:first-child {
-			flex: 1;
-		}
 		.multiple-icon-text {
-			flex: 1;
-			position: relative;
 			font-size: 15px;
 			font-weight: 600;
 			color: #000;
-			.site-badge-count {
-				margin-left: 10px;
-				.ant-badge-count {
-					background-color: #fff;
-					color: #999;
-					box-shadow: 0 0 0 1px #d9d9d9 inset;
-				}
-			}
-		}
-		.vo-plus-column-item > div {
-			flex: 1;
 		}
 	}
 	.sub-task-list-bottom {

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

@@ -1,24 +1,29 @@
+import { ITask, TaskStore } from "../../../../data/task";
+import { SortParameters } from "@voplus/morpho-data/es/types";
 export declare type SubTaskListProps = {
     parentId: string;
     className?: string;
     scrollParentRef?: any;
     header?: boolean;
     readonly?: boolean;
-    /** 显示Task Total总数 */
-    total?: boolean;
 };
 export declare class State {
+    private _store;
+    props: SubTaskListProps;
+    constructor(_store: TaskStore);
     addAble: boolean;
+    tasks: ITask[];
+    loading: boolean;
+    page: number;
     showMore: boolean;
     ids: string[];
-    /** Batch Assign Member */
-    batchAssign: boolean;
-    /** Ids of the check task */
-    batchIds: string[];
-    /** Loading of save MemberIds */
-    batchLoading: boolean;
-    /** Total of List */
-    total: number;
-    constructor();
-    clearAdd(): void;
+    checkAll: boolean;
+    filters: any[];
+    data: SortParameters;
+    ref: any;
+    onTaskCreated: (s: TaskStore, t: ITask) => void;
+    onTaskMoved: (targetId: string, list: ITask[]) => void;
+    onTaskDeleted: (s: TaskStore, t: ITask) => void;
+    subscribeOnTaskCreateCallback: () => () => void;
+    reset(): void;
 }

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

@@ -1,58 +1,48 @@
 import { __decorate } from "tslib";
-import { action, observable, makeObservable } from "mobx";
+import { action, observable } from "mobx";
 export class State {
-    constructor() {
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "showMore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "ids", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** Batch Assign Member */
-        Object.defineProperty(this, "batchAssign", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** Ids of the check task */
-        Object.defineProperty(this, "batchIds", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** Loading of save MemberIds */
-        Object.defineProperty(this, "batchLoading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** Total of List */
-        Object.defineProperty(this, "total", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        makeObservable(this);
-    }
-    clearAdd() {
+    constructor(_store) {
+        this._store = _store;
         this.addAble = false;
+        this.tasks = [];
+        this.loading = true;
+        this.page = 1;
         this.showMore = false;
+        this.ids = [];
+        this.checkAll = false;
+        this.filters = ["Done", "Progress", "NotStarted", "NotAssigned"];
+        this.data = {};
+        this.onTaskCreated = (s, t) => {
+            if (t.parentId === this.props.parentId) {
+                this.tasks.push(t);
+                // this.ref.current!.refresh();
+            }
+        };
+        this.onTaskMoved = (targetId, list) => {
+            // const t = list.filter(({ type }) => type === "Task");
+            if (targetId === this.props.parentId)
+                this.tasks = [...list, ...this.tasks];
+        };
+        this.onTaskDeleted = (s, t) => {
+            this.tasks =
+                t instanceof Array
+                    ? this.tasks.filter(task => !t.some(({ id }) => task.id === id))
+                    : this.tasks.filter(task => task.id !== t.id);
+        };
+        this.subscribeOnTaskCreateCallback = () => {
+            this._store.ItemCreatedEvent.subscribe(this.onTaskCreated);
+            this._store.ItemDeletedEvent.subscribe(this.onTaskDeleted);
+            this._store.TaskMovedEvent.subscribe(this.onTaskMoved);
+            return () => {
+                this._store.ItemCreatedEvent.unsubscribe(this.onTaskCreated);
+                this._store.ItemDeletedEvent.unsubscribe(this.onTaskDeleted);
+                this._store.TaskMovedEvent.unsubscribe(this.onTaskMoved);
+            };
+        };
+    }
+    reset() {
+        this.tasks = [];
+        this.page = 1;
     }
 }
 __decorate([
@@ -60,23 +50,29 @@ __decorate([
 ], State.prototype, "addAble", void 0);
 __decorate([
     observable
-], State.prototype, "showMore", void 0);
+], State.prototype, "tasks", void 0);
 __decorate([
     observable
-], State.prototype, "ids", void 0);
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "page", void 0);
 __decorate([
     observable
-], State.prototype, "batchAssign", void 0);
+], State.prototype, "showMore", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
 __decorate([
     observable
-], State.prototype, "batchIds", void 0);
+], State.prototype, "checkAll", void 0);
 __decorate([
     observable
-], State.prototype, "batchLoading", void 0);
+], State.prototype, "filters", void 0);
 __decorate([
     observable
-], State.prototype, "total", void 0);
+], State.prototype, "data", void 0);
 __decorate([
     action
-], State.prototype, "clearAdd", null);
+], State.prototype, "reset", null);
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/SubTaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAW1D,MAAM,OAAO,KAAK;IAad;QAZY;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAkB,KAAK;WAAC;QACxB;;;;mBAAuB,EAAE;WAAC;QACtC,0BAA0B;QACd;;;;mBAAqB,KAAK;WAAC;QACvC,4BAA4B;QAChB;;;;mBAA4B,EAAE;WAAC;QAC3C,gCAAgC;QACpB;;;;mBAAsB,KAAK;WAAC;QACxC,oBAAoB;QACR;;;;mBAAe,CAAC;WAAC;QAGzB,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAGG,QAAQ;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;CACD;AArBe;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;kCAA2B;AAE1B;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;uCAAgC;AAE/B;IAAX,UAAU;2CAA6B;AAE5B;IAAX,UAAU;oCAAkB;AAOhC;IADI,MAAM;qCAIT"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/SubTaskList/state.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const TaskDescription: (props: {
     id: string;
-    readonly?: boolean;
+    readonly?: boolean | undefined;
 }) => JSX.Element;
 export default TaskDescription;

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

@@ -1,12 +1,14 @@
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Skeleton } from "@voplus/antd";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import { useObserver } from "mobx-react-lite";
 import React, { useEffect, useState } from "react";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
 import { Scrollbars } from "react-custom-scrollbars";
-import { Skeleton } from "@voplus/antd";
+import { useTaskStore } from "../../../../data/task";
+import { useTask } from "../../../../data/task/hooks";
 import SubTaskList from "../SubTaskList";
-import { observe } from "@voplus/morpho-ui";
 import styles from "./index.less";
-import { useTask } from "../../../../data/task/hooks";
-import { useTaskStore } from "../../../../data/task";
 const TaskDescription = (props) => {
     const tasks = useTaskStore();
     const id = props.id;
@@ -17,10 +19,11 @@ const TaskDescription = (props) => {
     const task = useTask(id, { reload: reload });
     const readonly = task.status === "Readonly" ? true : false;
     const [scrollParentRef, setScrollParentRef] = useState();
-    return observe(() => (React.createElement("div", { className: styles["sub-task-tab-view"], ref: (ref) => setScrollParentRef(ref) },
+    return useObserver(() => (React.createElement("div", { className: styles["sub-task-tab-view"], ref: ref => setScrollParentRef(ref) },
         React.createElement(Scrollbars, { autoHide: true },
-            task.loading ? (React.createElement("div", { className: "task-description" },
-                React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: task.id, description: task.description, readonly: task.readonly, padding: "0 0 0.75rem 0" })),
+            React.createElement("div", { className: "task-description" }, !task.loaded ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { readOnly: readonly, editable: false, defaultValue: id, content: task.description || "", placeholder: readonly ? ("No description") : (React.createElement("span", null,
+                    React.createElement(FAIcon, { icon: faEdit }),
+                    "Add Description")), onSave: v => tasks.edit(task.id, { Description: v }) }))),
             React.createElement(SubTaskList, { parentId: id, readonly: readonly, scrollParentRef: scrollParentRef })))));
 };
 export default TaskDescription;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,eAAe,GAAG,CAAC,KAAyC,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAO,CAAC;IAE9D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC;QACjF,oBAAC,UAAU,IAAC,QAAQ;YAClB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACd,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,iBAAiB,IACjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAC,eAAe,GACtB,CACF;YAED,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,GAAI,CACvE,CACR,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,CAAC,KAAyC,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAO,CAAC;IAE9D,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC;QAC/E,oBAAC,UAAU,IAAC,QAAQ;YACnB,6BAAK,SAAS,EAAE,kBAAkB,IAChC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,cAAc,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAC/B,WAAW,EACV,QAAQ,CAAC,CAAC,CAAC,CACV,gBAAgB,CAChB,CAAC,CAAC,CAAC,CACH;oBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;sCAElB,CACP,EAEF,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACnD,CACF,CACI;YACN,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,GAAI,CACvE,CACR,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./index.less";
+import { TaskItemProps } from "../TaskItem/state";
+declare const TaskHeader: {
+    (props: TaskItemProps): JSX.Element;
+    defaultProps: {
+        /** includes: path,tags,task-number-reports*/
+        includes: string;
+        /** reload of task */
+        reload: boolean;
+    };
+};
+export default TaskHeader;

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

@@ -0,0 +1,43 @@
+import "./index.less";
+import React, { useState } from "react";
+import { State } from "../TaskItem/state";
+import { useTask, useTaskStore } from "../../../../data/task";
+import AvatarList from "../../../../components/AvatarList";
+import DocumentStatusLabel from "../../../../controls/DocumentStatusLabel";
+import FlagIcon from "../../../../controls/FlagIcon";
+import IconNumebers from "../../../../controls/IconNumbers";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { Skeleton } from "@voplus/antd";
+import TagView from "@voplus/morpho-document/es/components/TagView";
+import TaskTimeBox from "../TaskTimeBox";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar";
+import { useObserver } from "mobx-react-lite";
+const TaskHeader = (props) => {
+    const { id, includes, onExpand, onReload } = props;
+    const taskStore = useTaskStore();
+    const [state] = useState(new State(taskStore));
+    state.task = useTask(id, { reload: true, includes });
+    const { taskNumbers, incompleteTaskNumbers, documents, comments, members } = state.task;
+    return useObserver(() => (React.createElement("div", { className: "detail-task-item" }, !state.task.loading ? (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement("div", { className: "task-header" },
+                React.createElement(FlagIcon, { id: id, flag: state.task.flag, className: "task-flag", editable: !state.readonly }),
+                React.createElement(InlineEdit, { editable: state.task.taskStatus !== "Done" && !state.readonly, defaultValue: state.task.name, content: v => React.createElement("div", { className: "task-item-name" }, v.store.value), onSave: (v) => (v ? state.onEdit({ Name: v }) : null) })),
+            React.createElement("div", { className: "file-num" },
+                React.createElement(TaskTimeBox, { id: id, estimatedHours: state.task.estimatedHours || 0, schedule: [state.task.startDate, state.task.dueDate], editable: !state.readonly })),
+            React.createElement("div", { className: "file-num" },
+                React.createElement(IconNumebers, { taskNumbers: taskNumbers, incompleteTaskNumbers: incompleteTaskNumbers, documents: documents, comments: comments, memberNumbers: members ? members.length : 0 }),
+                React.createElement(DocumentStatusLabel, { status: state.task.taskStatus, editable: state.task.taskStatus !== "NotAssigned" || !state.readonly, onChange: TaskStatus => state.onEdit({ TaskStatus }), className: "margin-left-30" })),
+            React.createElement(AvatarList, { editable: !state.readonly, list: state.task.members, onChange: ids => state.onEdit({ MemberIds: ids }) })),
+        React.createElement("div", { className: "toolbar-content" },
+            React.createElement(ToolBar, { id: id, reload: true, size: "small", timer: true, url: onExpand ? "" : `/tasks/${id}`, expand: !!onExpand, onDelete: state.onDelete, onMove: state.onMove, onPaste: state.onPaste, onLock: () => state.onEdit({ Status: "Readonly" }), onUnlock: () => state.onEdit({ Status: "Normal" }), onReLoad: onReload, onExpand: onExpand }),
+            React.createElement(TagView, { id: id, tags: state.task.tags, editable: !state.readonly })))) : (React.createElement(Skeleton, { active: true })))));
+};
+TaskHeader.defaultProps = {
+    /** includes: path,tags,task-number-reports*/
+    includes: "tags,task-number-reports",
+    /** reload of task */
+    reload: false
+};
+export default TaskHeader;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,51 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../../../style/common.less";
+:global {
+	.detail-task-item {
+		display: flex;
+		flex: 1;
+		justify-content: space-between;
+		padding: 10px 0;
+		margin: 0 20px;
+		> div {
+			flex: 1;
+		}
+		.task-header {
+			display: flex;
+			align-items: center;
+			padding-bottom: 5px;
+			.task-flag {
+				width: 25px;
+			}
+			.morpho-inline-edit {
+				flex: 1;
+			}
+		}
+		.task-item-name {
+			color: #000;
+			font-size: 15px;
+			font-weight: 500;
+			&.task-item-name_done {
+				color: #a8a8a8;
+			}
+		}
+		.file-num {
+			color: #444;
+			font-size: 13px;
+			padding-bottom: 5px;
+			// > span + span {
+			// 	margin-left: 12px;
+			// }
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+			.box {
+				margin: 0 30px 0 12px;
+			}
+		}
+		.toolbar-content {
+			max-width: 40%;
+			text-align: right;
+		}
+	}
+}