@voplus/morpho-workspace 1.1.0 → 1.2.0-dev.12

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

@@ -1,84 +1,140 @@
 import "./index.less";
-import React, { useEffect, useRef, useState } from "react";
-import { State } from "./state";
+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 { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
-import { ListView } from "@voplus/morpho-ui";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect } 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 NewTaskForm from "../NewTaskForm";
 import SubTaskItem from "../TaskItem/SubTaskItem";
+import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
 import classnames from "classnames";
-import { toJS } from "mobx";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDeepMemo } from "@voplus/morpho-data";
+import { useRenderOnChange } from "@voplus/morpho-ui";
 const SubTaskList = (props) => {
-    const { readonly } = props;
+    const { readonly, total, header } = props;
+    const documents = useDocumentStore();
     const taskStore = useTaskStore();
-    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 }
+    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);
+        runInAction(() => (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;
     });
     useEffect(() => {
-        reset();
-        onCancel();
-        state.filters = ["Done", "Progress", "NotStarted", "NotAssigned"];
+        state.clearAdd();
     }, [props.parentId]);
-    return useObserver(() => (React.createElement(React.Fragment, null,
+    return observe(() => (
+    /** 建立新ListView所需Context. */
+    React.createElement(ListDataContext.Provider, { value: list },
         React.createElement("div", { className: classnames("sub-task-list", props.className) },
-            !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);
+            !state.showMore && (React.createElement(ListView, { renderId: props.parentId, headerProps: {
+                    visible: !!header,
+                    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,
+                    quickSearch: true,
+                    searchOptions: { width: "150px" },
+                    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);
     }
-    function onSort(value) {
-        reset();
-        state.data = value;
+    /** 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 onFilter(value) {
-        reset();
-        const { status, assignee, created, labels, dueDate } = value;
-        state.filters = status;
+    /** 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;
     }
     // order by sub task
-    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 moveAfter(id, afterId) {
+        await documents.moveAfter(id, afterId);
     }
-    function onCancel() {
-        state.addAble = false;
-        state.showMore = false;
+    async function onDelete(state) {
+        await documents.delete(state.ids, { DeleteChilds: true });
     }
-    function reset() {
-        state.loading = true;
-        state.tasks = [];
-        state.page = 1;
-        // state.ref.current!.reset();
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
     }
 };
 SubTaskList.defaultProps = {
-    header: true
+    header: true,
+    total: 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,10 +5,26 @@
 		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,29 +1,24 @@
-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[];
-    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;
+    /** 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;
 }

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

@@ -1,62 +1,63 @@
 import { __decorate } from "tslib";
-import { action, observable } from "mobx";
+import { action, makeObservable, observable } from "mobx";
 export class State {
-    constructor(_store) {
-        this._store = _store;
+    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() {
         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([
     observable
 ], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "tasks", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "page", void 0);
 __decorate([
     observable
 ], State.prototype, "showMore", void 0);
@@ -65,14 +66,17 @@ __decorate([
 ], State.prototype, "ids", void 0);
 __decorate([
     observable
-], State.prototype, "checkAll", void 0);
+], State.prototype, "batchAssign", void 0);
+__decorate([
+    observable
+], State.prototype, "batchIds", void 0);
 __decorate([
     observable
-], State.prototype, "filters", void 0);
+], State.prototype, "batchLoading", void 0);
 __decorate([
     observable
-], State.prototype, "data", void 0);
+], State.prototype, "total", void 0);
 __decorate([
     action
-], State.prototype, "reset", null);
+], State.prototype, "clearAdd", 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":"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"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/SubTaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAW1D,MAAM,OAAO,KAAK;IAajB;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;QAG5B,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGM,QAAQ;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;CACD;AArBY;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;AAO7B;IADC,MAAM;qCAIN"}

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

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

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

@@ -1,14 +1,12 @@
-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 { useTaskStore } from "../../../../data/task";
-import { useTask } from "../../../../data/task/hooks";
+import { Skeleton } from "@voplus/antd";
 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;
@@ -19,11 +17,10 @@ const TaskDescription = (props) => {
     const task = useTask(id, { reload: reload });
     const readonly = task.status === "Readonly" ? true : false;
     const [scrollParentRef, setScrollParentRef] = useState();
-    return useObserver(() => (React.createElement("div", { className: styles["sub-task-tab-view"], ref: ref => setScrollParentRef(ref) },
+    return observe(() => (React.createElement("div", { className: styles["sub-task-tab-view"], ref: (ref) => setScrollParentRef(ref) },
         React.createElement(Scrollbars, { autoHide: true },
-            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 }) }))),
+            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(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,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"}
+{"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"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import "./index.less";
+import { TaskEstimatedTimeProps } from "./state";
+declare const TaskEstimatedTime: {
+    (props: TaskEstimatedTimeProps): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+        autoSave: boolean;
+        period: boolean;
+    };
+};
+export default TaskEstimatedTime;

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

@@ -0,0 +1,74 @@
+import "./index.less";
+import { Button, DatePicker, InputNumber, Popover } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { State } from "./state";
+import { faHourglassEnd, faHourglassStart, faStopwatch } from "@fortawesome/pro-light-svg-icons";
+import { runInAction } from "mobx";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useTaskStore } from "../../../../data/task";
+const TaskEstimatedTime = (props) => {
+    const { id, estimatedHours, startDate, dueDate, editable, period, className } = props;
+    const taskStore = useTaskStore();
+    const [state] = useState(new State(taskStore));
+    runInAction(() => {
+        state.id = id;
+        state.props = props;
+    });
+    useEffect(() => {
+        runInAction(() => {
+            state.oldEstimatedHours = estimatedHours || 0;
+            state.startDate = !estimatedHours && startDate ? startDate : undefined;
+            state.dueDate = !estimatedHours && dueDate ? dueDate : undefined;
+        });
+    }, [estimatedHours, startDate, dueDate]);
+    return observe(() => (React.createElement(Popover, { title: "", trigger: "click", visible: state.visible, onVisibleChange: onVisibleChange, overlayClassName: "task-time-popover", content: React.createElement("div", null,
+            React.createElement("div", null, "Estimate"),
+            React.createElement("div", null,
+                React.createElement(InputNumber, { value: state.estimatedHours, min: 0, max: 999999, step: 0.1, precision: 1, onChange: state.changeEstimatedHours }),
+                "Hours"),
+            React.createElement("div", null, "Schedule "),
+            React.createElement("div", null,
+                React.createElement(DatePicker.RangePicker, { autoFocus: true, format: "YYYY-MM-DD", 
+                    // disabledDate={disabledDate}
+                    allowEmpty: [true, true], value: [
+                        state.startDate ? moment(state.startDate) : undefined,
+                        state.dueDate ? moment(state.dueDate) : undefined,
+                    ], onChange: state.changeSchedule })),
+            React.createElement("div", { className: "task-time-popover_footer" },
+                React.createElement(Button, { type: "link", className: "remove", onClick: () => {
+                        runInAction(() => {
+                            state.estimatedHours = 0;
+                            state.startDate = undefined;
+                            state.dueDate = undefined;
+                        });
+                    } }, "Remove"),
+                React.createElement(Button, { type: "link", loading: state.loading, onClick: () => state.onSave() }, "Save"))) },
+        React.createElement("span", { className: state.oldEstimatedHours || state.startDate || state.dueDate || editable ? className : "" }, state.oldEstimatedHours ? (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faStopwatch, className: "margin-right-5" }),
+            " Estimate",
+            " ",
+            state.oldEstimatedHours,
+            " Hours")) : state.startDate || state.dueDate ? (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: state.startDate && state.dueDate
+                    ? faStopwatch
+                    : state.dueDate
+                        ? faHourglassEnd
+                        : faHourglassStart, className: "margin-right-5" }),
+            state.startDate && moment(state.startDate).format(state.dateFormat),
+            state.startDate && state.dueDate && "~",
+            state.dueDate && moment(state.dueDate).format(state.dateFormat),
+            period && state.startDate && state.dueDate && (React.createElement("span", { className: "margin-left-5" }, moment(state.startDate).from(moment(state.dueDate), true))))) : editable ? (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faStopwatch, className: "margin-right-5" }),
+            "Add Task Time")) : null))));
+    function onVisibleChange(visible) {
+        runInAction(() => {
+            state.visible = visible && !!editable;
+            state.estimatedHours = state.oldEstimatedHours;
+        });
+    }
+};
+TaskEstimatedTime.defaultProps = { editable: true, autoSave: true, period: true };
+export default TaskEstimatedTime;
+//# sourceMappingURL=index.js.map

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

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