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

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskItem/index.less

@@ -0,0 +1,57 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.agenda-task-item {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		position: relative;
+		color: #444;
+		line-height: 40px;
+		cursor: pointer;
+		& + .agenda-task-item:after {
+			position: absolute;
+			content: "";
+			width: 100%;
+			top: 0;
+			border-top: 1px solid @border-color-base;
+		}
+		.agenda-task-item-left {
+			display: flex;
+			flex: 1;
+			max-width: 60%;
+			align-items: center;
+			.morpho-inline-edit {
+				flex: 1;
+				overflow: hidden;
+				.task-name {
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+				}
+			}
+		}
+		.task-aside {
+			.task-more-operate {
+				// opacity: 0;
+				margin-left: 10px;
+			}
+			.priority-low,
+			.priority-high {
+				padding: 2px 8px;
+				font-size: 12px;
+				color: #fff;
+				font-style: normal;
+				border-radius: 12px;
+			}
+			.priority-low {
+				background: #ff0000;
+			}
+			.priority-high {
+				background: #ff9b00;
+			}
+		}
+		.document-upload {
+			margin: 10px 20px;
+		}
+	}
+}

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js

@@ -2,39 +2,42 @@ import "../../index.less";
 import { State } from "./state";
 import { Button, Skeleton } from "@voplus/antd";
 import React, { useEffect, useState } from "react";
+import { useTaskListEffect, useTaskStore } from "../../../../../../../data/task";
 import NewTaskForm from "../../../../../../tasks/components/NewTaskForm";
 import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
 import SubTaskItem from "../../../../../../tasks/components/TaskItem/SubTaskItem";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useTaskListEffect } from "../../../../../../../data/task";
+import { useObserver } from "mobx-react-lite";
 const AgendaItem = (props) => {
     const { id, editable } = props;
-    const documents = useDocumentStore();
-    const [state] = useState(new State(documents));
+    const taskStore = useTaskStore();
+    const [state] = useState(new State(taskStore));
     state.props = props;
     useEffect(state.subscribeOnTaskCreateCallback, []);
-    useTaskListEffect(null, (list) => {
-        runInAction(() => {
-            state.tasks = list || [];
-            state.loading = false;
-        });
+    useTaskListEffect(list => {
+        state.tasks = list || [];
+        state.loading = false;
     }, {
         Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
-        Page: { Page: 1, PageSize: 500 },
+        Page: { Page: 1, PageSize: 500 }
     });
+    const moveAfter = async (id, afterId, list) => {
+        await taskStore.moveAfter(id, afterId);
+        state.tasks = list;
+    };
+    const onAddTask = () => {
+        state.addAble = !state.addAble;
+        state.showMore = false;
+    };
     useEffect(() => {
-        runInAction(() => {
-            state.loading = true;
-            state.showMore = false;
-        });
+        state.loading = true;
+        state.showMore = false;
     }, [id]);
     // const [desc, setDesc] = useState(agenda.desc);
-    return observe(() => (React.createElement(Skeleton, { loading: state.loading },
-        state.showMore ? ("") : !!state.tasks.length ? (React.createElement(SortDnD, { list: state.tasks, moveAfter: (id, afterId, list) => state.moveAfter(id, afterId, list), text: (task, index, connectDragSource) => (React.createElement(SubTaskItem, { key: task.id, id: task.id })) })) : (React.createElement("div", { className: "agenda-task-nothing" }, "No Agenda Task")),
-        !editable ? ("") : state.addAble ? (React.createElement(NewTaskForm, { simple: true, parentId: id, block: true, onSave: state.onAddTask, onCancel: state.onAddTask, onShowMore: () => (state.showMore = !state.showMore) })) : (React.createElement("div", { className: "agenda-task-add-btn" },
-            React.createElement(Button, { block: true, onClick: state.onAddTask }, "+ Add Task"))))));
+    console.log(editable, "editable");
+    return useObserver(() => (React.createElement(Skeleton, { loading: state.loading },
+        state.showMore ? ("") : !!state.tasks.length ? (React.createElement(SortDnD, { list: state.tasks, moveAfter: moveAfter, text: (task, index, connectDragSource) => (React.createElement(SubTaskItem, { key: task.id, id: task.id })) })) : (React.createElement("div", { className: "agenda-task-nothing" }, "No Agenda Task")),
+        !editable ? ("") : state.addAble ? (React.createElement(NewTaskForm, { simple: true, parentId: id, block: true, onSave: onAddTask, onCancel: onAddTask, onShowMore: () => (state.showMore = !state.showMore) })) : (React.createElement("div", { className: "agenda-task-add-btn" },
+            React.createElement(Button, { block: true, onClick: onAddTask }, "+ Add Task"))))));
 };
 export default AgendaItem;
 //# sourceMappingURL=index.js.map

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAmB,KAAK,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,WAAW,MAAM,gDAAgD,CAAC;AACzE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/C,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,SAAS,CAAC,KAAK,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAChB,IAAI,EACJ,CAAC,IAAI,EAAE,EAAE;QACR,WAAW,CAAC,GAAG,EAAE;YAChB,KAAK,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;YACzB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC,CAAC;IACJ,CAAC,EACD;QACC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;QAC1D,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC,CACD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACT,iDAAiD;IACjD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO;QAC9B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,EAAE,CACF,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,oBAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,SAAS,EAAE,CAAC,EAAU,EAAE,OAAe,EAAE,IAAW,EAAE,EAAE,CACvD,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,EAEnC,IAAI,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,iBAAsB,EAAE,EAAE,CAAC,CAC3D,oBAAC,WAAW,IACX,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,IAAI,CAAC,EAAE,GAIV,CACF,GACA,CACF,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,qBAAqB,qBAAqB,CACzD;QACA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACZ,EAAE,CACF,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,oBAAC,WAAW,IACX,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,GACnD,CACF,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,qBAAqB;YACnC,oBAAC,MAAM,IAAC,KAAK,QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,iBAE7B,CACJ,CACN,CACS,CACX,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.d.ts

@@ -1,5 +1,4 @@
-import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
-import { ITask } from "../../../../../../../data/task";
+import { ITask, TaskStore } from "../../../../../../../data/task";
 export declare type AgendaItemProps = {
     id: string;
     name: string;
@@ -9,14 +8,13 @@ export declare type AgendaItemProps = {
 export declare class State {
     private _store;
     props: AgendaItemProps;
-    constructor(_store: DocumentStore);
+    constructor(_store: TaskStore);
     tasks: ITask[];
     addAble: boolean;
     loading: boolean;
     showMore: boolean;
-    onTaskCreated: (s: DocumentStore, t: IDocument) => void;
-    onTaskDeleted: (s: DocumentStore, t: IDocument) => void;
+    onTaskCreated: (s: TaskStore, t: ITask) => void;
+    onTaskMoved: (targetId: string, list: ITask[]) => void;
+    onTaskDeleted: (s: TaskStore, t: ITask) => void;
     subscribeOnTaskCreateCallback: () => () => void;
-    onAddTask(): void;
-    moveAfter: (id: string, afterId: string, list: any[]) => Promise<void>;
 }

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.js

@@ -1,89 +1,38 @@
 import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
+import { observable } from "mobx";
 export class State {
     constructor(_store) {
-        Object.defineProperty(this, "_store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: _store
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "tasks", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "showMore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "onTaskCreated", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (s, t) => {
-                if (t.parentId === this.props.id && t.type == "Task") {
-                    this.tasks.push(t);
-                }
-            }
-        });
-        Object.defineProperty(this, "onTaskDeleted", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (s, t) => {
-                if (t.type == "Task")
-                    this.tasks = this.tasks.filter((task) => task.id !== t.id);
-            }
-        });
-        Object.defineProperty(this, "subscribeOnTaskCreateCallback", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this._store.DocumentCreatedEvent.subscribe(this.onTaskCreated);
-                this._store.DocumentDeletedEvent.subscribe(this.onTaskDeleted);
-                return () => {
-                    this._store.DocumentCreatedEvent.unsubscribe(this.onTaskCreated);
-                    this._store.DocumentDeletedEvent.unsubscribe(this.onTaskDeleted);
-                };
-            }
-        });
-        Object.defineProperty(this, "moveAfter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (id, afterId, list) => {
-                await this._store.moveAfter(id, afterId);
-                this.tasks = list;
-            }
-        });
-        makeObservable(this);
-    }
-    onAddTask() {
-        this.addAble = !this.addAble;
+        this._store = _store;
+        this.tasks = [];
+        this.addAble = false;
+        this.loading = true;
         this.showMore = false;
+        this.onTaskCreated = (s, t) => {
+            if (t.parentId === this.props.id) {
+                this.tasks.push(t);
+            }
+        };
+        this.onTaskMoved = (targetId, list) => {
+            if (targetId === this.props.id)
+                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.tasks = 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);
+            };
+        };
     }
 }
 __decorate([
@@ -98,19 +47,4 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "showMore", void 0);
-__decorate([
-    action
-], State.prototype, "onTaskCreated", void 0);
-__decorate([
-    action
-], State.prototype, "onTaskDeleted", void 0);
-__decorate([
-    action
-], State.prototype, "subscribeOnTaskCreateCallback", void 0);
-__decorate([
-    action
-], State.prototype, "onAddTask", null);
-__decorate([
-    action
-], State.prototype, "moveAfter", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAW1D,MAAM,OAAO,KAAK;IAEjB,YAA2B,MAAqB;;;;;mBAArB;;QAD3B;;;;;WAA8B;QAKlB;;;;mBAAwB,EAAE;WAAC;QAC3B;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAiB,IAAI;WAAC;QACtB;;;;mBAAkB,KAAK;WAAC;QAGpC;;;;mBAAuB,CAAC,CAAgB,EAAE,CAAY,EAAE,EAAE;gBACzD,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,MAAM,EAAE;oBACrD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAU,CAAC,CAAC;iBAC5B;YACF,CAAC;WAAC;QAGF;;;;mBAAuB,CAAC,CAAgB,EAAE,CAAY,EAAE,EAAE;gBACzD,IAAI,CAAC,CAAC,IAAI,IAAI,MAAM;oBAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAClF,CAAC;WAAC;QAGF;;;;mBAAuC,GAAG,EAAE;gBAC3C,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC/D,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAE/D,OAAO,GAAG,EAAE;oBACX,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBACjE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAClE,CAAC,CAAC;YACH,CAAC;WAAC;QAOM;;;;mBAAmB,KAAK,EAAE,EAAU,EAAE,OAAe,EAAE,IAAW,EAAE,EAAE;gBAC7E,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;gBACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,CAAC;WAAC;QAvCD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IA8Bc,SAAS;QACvB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;CAMD;AArCY;IAAX,UAAU;oCAA4B;AAC3B;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAuB;AACtB;IAAX,UAAU;uCAAyB;AAGpC;IADC,MAAM;4CAKL;AAGF;IADC,MAAM;4CAGL;AAGF;IADC,MAAM;4DASL;AAEM;IAAP,MAAM;sCAGN;AAEO;IAAP,MAAM;wCAGL"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUlC,MAAM,OAAO,KAAK;IAEjB,YAA2B,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QAEzB,UAAK,GAAY,EAAE,CAAC;QACpB,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,IAAI,CAAC;QACf,aAAQ,GAAG,KAAK,CAAC;QAE7B,kBAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;YACjD,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE;gBACjC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACnB;QACF,CAAC,CAAC;QAEK,gBAAW,GAAG,CAAC,QAAgB,EAAE,IAAa,EAAE,EAAE;YACxD,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE;gBAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACvE,CAAC,CAAC;QAEK,kBAAa,GAAG,CAAC,CAAY,EAAE,CAAQ,EAAE,EAAE;YACjD,IAAI,CAAC,KAAK;gBACT,CAAC,YAAY,KAAK;oBACjB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;oBAChE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAEhD,4DAA4D;QAC7D,CAAC,CAAC;QAEK,kCAA6B,GAAG,GAAG,EAAE;YAC3C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACvD,OAAO,GAAG,EAAE;gBACX,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC1D,CAAC,CAAC;QACH,CAAC,CAAC;IAnC6C,CAAC;CAoChD;AAlCY;IAAX,UAAU;oCAA4B;AAC3B;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAuB;AACtB;IAAX,UAAU;uCAAyB"}

package/es/modules/meeting/components/AgendaList/AgendaItem/index.js

@@ -1,57 +1,95 @@
 import "./index.less";
 import { State } from "./state";
+import { Button, Checkbox, Input } from "@voplus/antd";
 import React, { useEffect, useState } from "react";
-import { faAngleRight, faBars } from "@fortawesome/pro-light-svg-icons";
-import { faClipboard, faCommentAltLines, faTasksAlt } from "@fortawesome/pro-duotone-svg-icons";
+import { faAngleRight, faBars, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { faClipboard, faTasksAlt } from "@fortawesome/pro-duotone-svg-icons";
 import { useAgenda, useAgendaStore } from "../../../../../data/meeting";
-import { Checkbox } from "@voplus/antd";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
 import TaskList from "./components/TaskList";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { TextEditor } from "@voplus/morpho-text";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar";
 import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
+import { useObserver } from "mobx-react-lite";
+import { useTaskStore } from "../../../../../data/task";
 const AgendaItem = (props) => {
     const { id, index, multiple, connectDragSource, preview, reload } = props;
     const agendaStore = useAgendaStore();
+    const taskStore = useTaskStore();
     const [state] = useState(new State(agendaStore));
+    const [store] = useState(new FileStore());
     state.agenda = useAgenda(id, { reload: !!reload });
+    const onClick = () => {
+        // state.foldable = (state.editable && state.foldable) || !state.foldable;
+        state.foldable = !state.foldable;
+    };
+    const onSave = async () => {
+        if (!state.name ||
+            (state.name.trim() === state.agenda.name &&
+                state.description.trim() === state.agenda.description))
+            return;
+        state.loading = true;
+        await agendaStore.edit(id, { Name: state.name, Description: state.description });
+        state.loading = false;
+        state.editable = false;
+    };
+    const onEdit = () => {
+        state.name = state.agenda.name;
+        state.description = state.agenda.description || "";
+        state.editable = !state.editable;
+    };
+    const onMove = () => {
+        store.onMove([id]);
+    };
     useEffect(() => {
-        runInAction(() => {
-            if (multiple && state.editable)
-                state.editable = false;
-        });
+        if (multiple && state.editable)
+            state.editable = false;
     }, [multiple]);
     useEffect(() => {
-        runInAction(() => (state.foldable = !!props.preview));
+        state.foldable = !!props.preview;
     }, [preview]);
-    return observe(() => (React.createElement("div", { className: "agenda-item-view" },
-        React.createElement("div", { className: "agenda-item-header" },
-            multiple ? (React.createElement(Checkbox, { value: id, className: "select-checkbox" })) : (React.createElement(React.Fragment, null,
-                !multiple &&
-                    !state.readonly &&
-                    connectDragSource &&
-                    connectDragSource(React.createElement("span", { className: classnames("sort-icon-move", { show: state.editable }) },
-                        React.createElement(FAIcon, { icon: faBars, color: "#222" }))),
-                React.createElement("span", { className: classnames("agenda-item-index", { show: multiple || state.readonly }) }, `${(index || 0) + 1}.`))),
-            React.createElement(DocumentHeader, { id: id, clickNameEffect: "edit", autoSaveName: true, flagVisible: false, statusVisible: false, preVisible: false, tagsVisible: false, tools: React.createElement(ToolBar, { id: id }), quickDataBarVisible: false }),
-            React.createElement("span", { onClick: state.onClick, className: classnames("collapse-arrow", { "collapse-active": !state.foldable }) },
-                React.createElement(FAIcon, { icon: faAngleRight }))),
-        state.foldable && (React.createElement("div", { className: classnames("agenda-item-box", { "collapse-inactive": state.foldable }) },
-            React.createElement("div", { className: "section-title" },
-                React.createElement(FAIcon, { icon: faCommentAltLines, color: "#666" }),
-                "Agenda Description"),
-            React.createElement(DescriptionEditor, { id: id, description: state.agenda.description, readonly: state.readonly, collapsible: false }),
-            React.createElement("div", { className: "section-title" },
-                React.createElement(FAIcon, { icon: faClipboard, color: "#666" }),
-                "Agenda Minutes"),
-            React.createElement("div", { className: "agenda-task-list-view" },
-                React.createElement("div", { className: "section-title" },
-                    React.createElement(FAIcon, { icon: faTasksAlt, color: "#666" }),
-                    " Action Tasks"),
-                React.createElement(TaskList, { id: id, name: state.agenda.name, editable: !state.readonly })))))));
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "agenda-item" },
+            multiple && React.createElement(Checkbox, { value: id, className: "select-checkbox" }),
+            React.createElement("div", { style: { flex: "1" } },
+                React.createElement("div", { className: "agenda-item-header" },
+                    React.createElement("div", { className: "agenda-item-name" },
+                        !multiple &&
+                            !state.readonly &&
+                            connectDragSource &&
+                            connectDragSource(React.createElement("span", { className: classnames("sort-icon-move", { show: state.editable }) },
+                                React.createElement(FAIcon, { icon: faBars, color: "#222" }))),
+                        !state.editable && (React.createElement("span", { className: classnames("agenda-item-index", { show: multiple || state.readonly }) }, (index || 0) + 1 + ".")),
+                        state.editable ? (React.createElement(Input, { autoFocus: true, value: state.name, onChange: e => (state.name = e.target.value) })) : (React.createElement("div", { className: "section-title" }, state.agenda.name)),
+                        !state.editable && !multiple && !preview && (React.createElement("div", { className: classnames("agenda-operate-icon") },
+                            React.createElement(ToolBar, { id: props.id, size: "default", hoverEdit: !state.readonly, hoverDel: !state.readonly, hoverOpen: false, del: false, access: false, move: !state.readonly, paste: !state.readonly, onMove: onMove, onPaste: () => store.onPaste(() => {
+                                    taskStore.move(store.moveIds, id);
+                                }), onDelete: state.onDelete, onEdit: onEdit, onLock: () => state.onEdit({ Status: "Readonly" }), onUnlock: () => state.onEdit({ Status: "Normal" }) })))),
+                    React.createElement("span", { onClick: onClick, className: classnames("collapse-arrow", { "collapse-active": !state.foldable }) },
+                        React.createElement(FAIcon, { icon: faAngleRight }))),
+                React.createElement("div", { className: classnames({
+                        "agenda-description": state.agenda.description || state.editable
+                    }) },
+                    React.createElement(RichTextEditor, { readOnly: state.readonly || !state.editable, editable: state.editable, defaultValue: id, content: state.agenda.description || "", btn: false, 
+                        // placeholder={state.readonly ? "No description" : <span>Add Description</span>}
+                        onChange: v => (state.description = v) })),
+                state.editable && (React.createElement("div", { className: "save-btn" },
+                    React.createElement(Button, { shape: "circle", onClick: () => (state.editable = false) },
+                        React.createElement(FAIcon, { icon: faUndo })),
+                    React.createElement(Button, { type: "primary", ghost: true, shape: "circle", loading: state.loading, onClick: onSave },
+                        React.createElement(FAIcon, { icon: faSave })))),
+                state.foldable && (React.createElement("div", { className: classnames("agenda-item-box", { "collapse-inactive": !state.foldable }) },
+                    React.createElement("div", { className: "section-title" },
+                        React.createElement(FAIcon, { icon: faClipboard, color: "#666" }),
+                        "Agenda Minutes"),
+                    React.createElement(TextEditor, { id: id, textOnly: state.textOnly, onClick: () => (state.textOnly = state.readonly), onBlur: () => (state.textOnly = true), showNoContent: true, className: classnames({ "agenda-minutes": !state.textOnly }) }),
+                    React.createElement("div", { className: "agenda-task-list-view" },
+                        React.createElement("div", { className: "section-title" },
+                            React.createElement(FAIcon, { icon: faTasksAlt, color: "#666" }),
+                            " Action Tasks"),
+                        React.createElement(TaskList, { id: id, name: state.agenda.name, editable: !state.readonly })))))))));
 };
 export default AgendaItem;
 //# sourceMappingURL=index.js.map

package/es/modules/meeting/components/AgendaList/AgendaItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAmB,KAAK,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjD,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,IAAI,QAAQ,IAAI,KAAK,CAAC,QAAQ;gBAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,kBAAkB;QAChC,6BAAK,SAAS,EAAC,oBAAoB;YAEjC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,GAAG,CACnD,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;gBACb,CAAC,QAAQ;oBACT,CAAC,KAAK,CAAC,QAAQ;oBACf,iBAAiB;oBACjB,iBAAiB,CAChB,8BAAM,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACtE,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,GAAG,CAC/B,CACP;gBACF,8BAAM,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,IACpF,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CACjB,CACS,CACjB;YAED,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,GAAI,EAC1B,mBAAmB,EAAE,KAAK,GACzB;YACF,8BACC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,EAAE,iBAAiB,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAE/E,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,CACxB,CACF;QAEL,KAAK,CAAC,QAAQ,IAAI,CAClB,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,mBAAmB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,eAAe;gBAC7B,oBAAC,MAAM,IAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAC,MAAM,GAAG;qCAE3C;YACN,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EACrC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,GACjB;YACF,6BAAK,SAAS,EAAC,eAAe;gBAC7B,oBAAC,MAAM,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,GAAG;iCAErC;YAWN,6BAAK,SAAS,EAAC,uBAAuB;gBACrC,6BAAK,SAAS,EAAC,eAAe;oBAC7B,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,GAAG;oCACpC;gBACN,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAI,CACnE,CACD,CACN,CAEI,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/meeting/components/AgendaList/AgendaItem/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/meeting/components/AgendaList/AgendaItem/index.less

@@ -1,8 +1,8 @@
 @import "../../../../../style/common.less";
 :global {
-	.agenda-item-view {
+	.agenda-item {
+		display: flex;
 		position: relative;
-		width: 100%;
 		padding: 0 20px;
 		&:after {
 			position: absolute;
@@ -10,68 +10,98 @@
 			left: 20px;
 			bottom: 0;
 			right: 20px;
-			border-bottom: 1px solid #f2f2f2;
+			border-bottom: 1px solid #d9d9d9;
 		}
 		.select-checkbox {
-			margin-right: 10px;
+			margin: 10px 15px 0 0;
 		}
 		.section-title {
 			font-size: 15px;
 			font-weight: 500;
-			color: #000;
+			color: #333;
 			.svg-inline--fa {
 				margin-right: 10px;
 			}
 		}
-		.collapse-arrow {
-			padding: 0 10px;
-			margin-right: -10px;
-			cursor: pointer;
-		}
 		.agenda-item-header {
 			display: flex;
+			justify-content: space-between;
 			align-items: center;
-			padding: 10px 0;
-			.document-header-default {
-				flex: 1;
-				padding: 0;
-			}
+			// padding: 10px 0;
+			transition: all 0.3s;
+			cursor: pointer;
 			.agenda-item-index {
 				display: inline-block;
 				width: 30px;
-				flex-shrink: 0;
+			}
+			.agenda-item-name {
+				display: flex;
+				position: relative;
+				align-items: center;
+				flex: 1;
+				height: 42px;
+				line-height: 42px;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				&:hover .sort-icon-move,
+				.show,
+				&:hover .agenda-item-index.show,
+				&:hover .agenda-operate-icon {
+					display: block;
+				}
+				&:hover .agenda-item-index {
+					display: none;
+				}
 			}
 			.sort-icon-move {
 				display: none;
 				cursor: move;
 				width: 30px;
-				flex-shrink: 0;
-			}
-			.tool-bar {
-				visibility: hidden;
 			}
-			&:hover {
-				.agenda-item-index {
-					display: none;
-				}
-				.sort-icon-move {
-					display: block;
+			.agenda-operate-icon {
+				position: absolute;
+				display: none;
+				left: 30px;
+				top: 0px;
+				bottom: 0px;
+				right: 20px;
+				text-align: right;
+				.ant-btn {
+					margin-left: 10px;
 				}
-				.tool-bar {
-					visibility: visible;
+			}
+			.collapse-arrow {
+				display: inline-block;
+				padding: 10px;
+				font-size: 20px;
+				line-height: 1px;
+				vertical-align: bottom;
+				transition: transform 0.24s;
+				&.collapse-active {
+					transform: rotate(90deg);
 				}
 			}
 		}
-		.description-editor .description-editor-proseMirror {
-			padding: 0;
+		.agenda-description {
+			padding-bottom: 10px;
+			.ant-btn {
+				margin-left: 10px;
+			}
+		}
+		.save-btn {
+			text-align: right;
+			padding-bottom: 10px;
+			.ant-btn {
+				margin-left: 10px;
+			}
 		}
 		.agenda-item-box {
+			transition: height 0.2s @ease-out;
 			padding-bottom: 10px;
-			// transition: height 3s ease-out;
-			// &.collapse-inactive {
-			// 	height: auto;
-			// 	opacity: 1;
-			// }
+			&.collapse-inactive {
+				display: none;
+			}
 			.agenda-minutes {
 				margin: 10px 0;
 				min-height: 160px;
@@ -79,6 +109,10 @@
 		}
 	}
 	.agenda-task-list-view {
+		.task-item-name {
+			font-size: 14px !important;
+			color: #333 !important;
+		}
 		.agenda-task-nothing {
 			padding: 10px 0;
 			text-align: center;