@voplus/morpho-workspace 1.0.0-dev49 → 1.0.0-dev51

package/es/modules/BoardView/components/BoardList/index.js

@@ -3,33 +3,81 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { Input, message } from "@voplus/antd";
 import Card from "@voplus/morpho-ui/es/controls/Card";
 import { useObserver } from "mobx-react-lite";
-import React, { useState } from "react";
-import { useBoardStore } from "../../../../data/board";
-import { useBoardListEffect } from "../../../../data/board/hooks";
+import React, { useState, useEffect } from "react";
+import SearchHeader from "@voplus/morpho-ui/es/components/layout/ListView/components/SearchHeader";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import FilterListDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/FilterListDropdown";
+import { useBoardColumnListEffect, useBoardColumnStore } from "../../../../data/board";
+import { toJS } from "mobx";
+import { ListOptionsContextState, ListOptionsContext } from "@voplus/morpho-ui";
+import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
 import BoardColumn from "../BoardColumn";
 import styles from "./index.less";
 import { State } from "./state";
 const BoardList = (props) => {
     const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#16ecec", "#FFC832"];
-    const boards = useBoardStore();
+    const boards = useBoardColumnStore();
     const [state] = useState(new State());
-    useBoardListEffect(list => {
-        state.board = list;
+    const [listoptions] = useState(new ListOptionsContextState());
+    useBoardColumnListEffect(list => {
+        state.boardcolumns = list;
+        state.loading = false;
     });
+    const onSort = async (value) => {
+        listoptions.sort = value;
+    };
+    const onFilter = async (value) => {
+        const { status, assignee, created, labels, dueDate } = value;
+        listoptions.filters = [
+            { c: "LinkStatus", o: "contains", l: "And", v1: toJS(JSON.stringify(status)) }
+        ];
+    };
+    const onSearch = (value) => {
+        listoptions.filters = [{ c: "Name", o: "contains", l: "And", v1: toJS(JSON.stringify(value)) }];
+    };
+    const moveAfter = async (id, afterId, list) => {
+        console.log("moveAfter", id, afterId, list);
+        await boards.moveAfter(id, afterId);
+        state.boardcolumns = list;
+    };
     const onSave = async () => {
         if (!state.name)
             return message.warning("Title is required");
         await boards.create({ Name: state.name, ParentId: props.parentId });
     };
-    return useObserver(() => (React.createElement("div", { className: styles["board-list"] },
-        state.board.map((item, index) => {
-            return React.createElement(BoardColumn, { key: item.id, id: item.id, colorStyle: colorList[index % 6] });
-        }),
-        state.AddBoardAble && (React.createElement(Card, { className: "add-board-able", padding: "0 15px", style: { borderTop: ` solid 2px #3AC43A` } },
-            React.createElement(Input, { placeholder: "STATUS NAME", value: state.name, onChange: e => (state.name = e.target.value) }),
-            React.createElement(FAIcon, { icon: faCheck, onClick: onSave }),
-            React.createElement(FAIcon, { icon: faTimes, onClick: () => (state.AddBoardAble = false) }))),
-        React.createElement("div", { className: "add-board", onClick: () => (state.AddBoardAble = true) }, "+ ADD"))));
+    const onBoardColumnCreated = (s, t) => {
+        state.boardcolumns = !t.parentId ? [...state.boardcolumns, t] : state.boardcolumns;
+        state.reload = true;
+    };
+    const onBoardColumnDeleted = (s, t) => {
+        state.boardcolumns =
+            t instanceof Array
+                ? state.boardcolumns.filter(board => !t.some(({ id }) => board.id === id))
+                : state.boardcolumns.filter(board => board.id !== t.id);
+        state.reload = true;
+    };
+    useEffect(() => {
+        boards.ItemCreatedEvent.subscribe(onBoardColumnCreated);
+        boards.ItemDeletedEvent.subscribe(onBoardColumnDeleted);
+        return () => {
+            boards.ItemCreatedEvent.unsubscribe(onBoardColumnCreated);
+            boards.ItemDeletedEvent.unsubscribe(onBoardColumnDeleted);
+        };
+    }, []);
+    return useObserver(() => (React.createElement(ListOptionsContext.Provider, { value: listoptions },
+        React.createElement("div", { className: styles["board_header"] },
+            React.createElement(SearchHeader, { onChange: onSearch }),
+            React.createElement("div", null,
+                React.createElement(SortViewDropdown, { onSort: onSort }),
+                React.createElement(FilterListDropdown, { className: "margin-left-10", onFilter: onFilter }))),
+        React.createElement("div", { className: styles["board-list"] },
+            React.createElement(SortDnD, { className: "board-sortDnD", list: state.boardcolumns, moveAfter: moveAfter, text: (item, index, connectDragSource) => (React.createElement(BoardColumn, { key: item.id, id: item.id, reload: state.reload, colorStyle: colorList[index % 6], connectDragSource: connectDragSource })) }),
+            state.AddBoardColumnAble && (React.createElement(Card, { className: "add-board-able", padding: "0 15px", style: { borderTop: ` solid 2px #3AC43A` } },
+                React.createElement(Input, { placeholder: "STATUS NAME", value: state.name, onChange: e => (state.name = e.target.value) }),
+                React.createElement(FAIcon, { icon: faCheck, onClick: onSave }),
+                React.createElement(FAIcon, { icon: faTimes, onClick: () => (state.AddBoardColumnAble = false) }))),
+            React.createElement("div", { className: "add-board" },
+                React.createElement("div", { onClick: () => (state.AddBoardColumnAble = true) }, "+ ADD"))))));
 };
 export default BoardList;
 //# sourceMappingURL=index.js.map

package/es/modules/BoardView/components/BoardList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IACrF,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC7D,MAAM,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,GAAI,CAAC;QACrF,CAAC,CAAC;QACD,KAAK,CAAC,YAAY,IAAI,CACtB,oBAAC,IAAI,IACJ,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;YAE1C,oBAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3C;YACF,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAI;YAC1C,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,GAAI,CAChE,CACP;QACD,6BAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAE/D,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/BoardView/components/BoardList/index.less

@@ -5,15 +5,24 @@
 	margin: 10px;
 	padding: 0 10px;
 	:global {
+		.board-sortDnD {
+			flex: 1;
+			display: flex;
+			> div {
+				flex: 1;
+			}
+		}
 		.add-board {
 			width: 100px;
+			min-width: 100px;
 			font-size: 16px;
 			text-align: center;
 			line-height: 50px;
-			cursor: pointer;
+			> div {
+				cursor: pointer;
+			}
 		}
 		.add-board-able {
-			flex: 0.6;
 			display: flex;
 			justify-content: center;
 			align-items: center;
@@ -23,17 +32,26 @@
 			padding: 0 10px;
 			background: #ffffff;
 			margin-bottom: 15px;
-			.ant-input{
+			min-width: 150px;
+			.ant-input {
 				padding: 0;
 				border: none;
 			}
 			.ant-input:focus {
 				box-shadow: none;
 			}
-			.svg-inline--fa{
+			.svg-inline--fa {
 				cursor: pointer;
 				margin-left: 8px;
 			}
 		}
 	}
 }
+.board_header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 10px 20px;
+	border-bottom: 1px solid #f2f2f2;
+	background-color: #ffffff;
+}

package/es/modules/BoardView/components/BoardList/state.d.ts

@@ -1,7 +1,13 @@
-import { IBoard } from "../../../../data/board";
+import { IBoardColumn } from "../../../../data/board";
+import { SortParameters } from "@voplus/morpho-data/es/types";
 export declare class State {
-    board: IBoard[];
+    boardcolumns: IBoardColumn[];
     id: string;
     name: string;
-    AddBoardAble: boolean;
+    reload: boolean;
+    loading: boolean;
+    filterName: string;
+    sort: SortParameters;
+    filters: any[];
+    AddBoardColumnAble: boolean;
 }

package/es/modules/BoardView/components/BoardList/state.js

@@ -2,15 +2,20 @@ import { __decorate } from "tslib";
 import { observable } from "mobx";
 export class State {
     constructor() {
-        this.board = [];
+        this.boardcolumns = [];
         this.id = "";
         this.name = "";
-        this.AddBoardAble = false;
+        this.reload = false;
+        this.loading = true;
+        this.filterName = "";
+        this.sort = {};
+        this.filters = ["Done", "Progress", "NotStarted", "NotAssigned"];
+        this.AddBoardColumnAble = false;
     }
 }
 __decorate([
     observable
-], State.prototype, "board", void 0);
+], State.prototype, "boardcolumns", void 0);
 __decorate([
     observable
 ], State.prototype, "id", void 0);
@@ -19,5 +24,32 @@ __decorate([
 ], State.prototype, "name", void 0);
 __decorate([
     observable
-], State.prototype, "AddBoardAble", void 0);
+], State.prototype, "reload", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "filterName", void 0);
+__decorate([
+    observable
+], State.prototype, "sort", void 0);
+__decorate([
+    observable
+], State.prototype, "filters", void 0);
+__decorate([
+    observable
+], State.prototype, "AddBoardColumnAble", void 0);
+// export const options = {
+// 	count: 1,
+// 	filterName: "",
+// 	status: ["Done", "Progress", "NotStarted", "NotAssigned"],
+// 	sort: {},
+// 	get getFilterName() {
+// 		return options.filterName;
+// 	},
+// 	setFilterName(name: string) {
+// 		options.filterName = name;
+// 	}
+// };
 //# sourceMappingURL=state.js.map

package/es/modules/BoardView/components/BoardList/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QACuB,UAAK,GAAa,EAAE,CAAC;QACxB,OAAE,GAAW,EAAE,CAAC;QAChB,SAAI,GAAW,EAAE,CAAC;QAClB,iBAAY,GAAY,KAAK,CAAC;IAClD,CAAC;CAAA;AAJe;IAAX,UAAU;oCAA6B;AAC/B;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;2CAAsC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlC,MAAM,OAAO,KAAK;IAAlB;QACoB,iBAAY,GAAmB,EAAE,CAAC;QAClC,OAAE,GAAW,EAAE,CAAC;QAChB,SAAI,GAAW,EAAE,CAAC;QAClB,WAAM,GAAY,KAAK,CAAC;QACxB,YAAO,GAAY,IAAI,CAAC;QACxB,eAAU,GAAW,EAAE,CAAC;QACxB,SAAI,GAAmB,EAAE,CAAC;QAC1B,YAAO,GAAU,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;QACnE,uBAAkB,GAAY,KAAK,CAAC;IACxD,CAAC;CAAA;AATY;IAAX,UAAU;2CAA0C;AACzC;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;qCAAgC;AAC/B;IAAX,UAAU;sCAAgC;AAC/B;IAAX,UAAU;yCAAgC;AAC/B;IAAX,UAAU;mCAAkC;AACjC;IAAX,UAAU;sCAA2E;AAC1E;IAAX,UAAU;iDAA4C;AAGxD,2BAA2B;AAC3B,aAAa;AACb,mBAAmB;AACnB,8DAA8D;AAC9D,aAAa;AACb,yBAAyB;AACzB,+BAA+B;AAC/B,MAAM;AACN,iCAAiC;AACjC,+BAA+B;AAC/B,KAAK;AACL,KAAK"}

package/es/modules/BoardView/components/DocumentCard/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const DocumentCard: (props: {
+    id: string;
+    leftId?: string | undefined;
+    linkId?: string | undefined;
+    reload?: boolean | undefined;
+    multiple?: boolean | undefined;
+    connectDragSource?: any;
+}) => JSX.Element;
+export default DocumentCard;

package/es/modules/BoardView/components/DocumentCard/index.js

@@ -0,0 +1,101 @@
+import { faBars, faCommentDots, faCopy, faPaperclip, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Button, Checkbox, Input, message, Spin } from "@voplus/antd";
+import { useDocument, useDocumentStore } from "@voplus/morpho-document";
+import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import classnames from "classnames";
+import { useObserver } from "mobx-react-lite";
+import React, { useState } from "react";
+import ToolBar from "../../../../components/ToolBar";
+import FlagIcon from "../../../../controls/FlagIcon";
+import styles from "./index.less";
+import { State } from "./state";
+const DocumentCard = (props) => {
+    const [state] = useState(new State());
+    const [store] = useState(new FileStore());
+    // const taskStore = useTaskStore();
+    const documentStore = useDocumentStore();
+    const [parentReadonly, setParentReadonly] = useState(false);
+    state.reload = !!props.reload;
+    state.document = useDocument(props.id, { reload: parentReadonly });
+    const readonly = state.document.status === "Readonly";
+    const onSaveMember = async (ids) => {
+        // state.ids = ids;
+        // await taskStore.edit(state.document.id, { MemberIds: ids });
+    };
+    const onSave = async () => {
+        if (!state.name) {
+            return message.warn("Title is required");
+        }
+        if (state.name.trim() === state.document.name) {
+            // 没有变动无需请求
+            return (state.editable = false);
+        }
+        state.loading = true;
+        await documentStore.edit(props.id, { Name: state.name });
+        state.editable = !state.editable;
+        state.loading = false;
+    };
+    const onEdit = () => {
+        state.name = state.document.name;
+        state.isHover = false;
+        state.editable = !state.editable;
+    };
+    const onDelete = () => {
+        documentStore.editLinks(props.leftId, { RemoveLinks: [props.linkId] });
+    };
+    const onMove = () => {
+        store.onMove([props.id]);
+    };
+    const onPaste = async () => {
+        if (store.moveIds.some((id) => id === props.id))
+            return message.warn("Cannot move to itself");
+        await store.onPaste(() => documentStore.move(store.moveIds, props.id));
+        state.reload = true;
+    };
+    const onLock = () => {
+        documentStore.edit(state.document.id, { Status: "Readonly" });
+    };
+    const onUnlock = () => {
+        documentStore.edit(state.document.id, { Status: "Normal" });
+    };
+    const onChangeImportant = (e) => {
+        if (readonly)
+            return;
+        e.stopPropagation();
+    };
+    const iconList = (React.createElement(React.Fragment, null,
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faPaperclip }),
+            state.document.documents || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faCommentDots }),
+            state.document.comments || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faCopy }),
+            0)));
+    const { multiple } = props;
+    return useObserver(() => (React.createElement(Card, { className: styles["task-card"], shadow: true },
+        React.createElement("div", { className: "task-card-item", onMouseOver: () => (state.isHover = true), onMouseLeave: () => (state.isHover = false) },
+            React.createElement("div", { className: "task-card-head" },
+                multiple && React.createElement(Checkbox, { value: state.document.id, className: "multiple-box" }),
+                !multiple && (React.createElement(FlagIcon, { id: state.document.id, editable: !readonly, flag: state.document.flag, color: state.isHover ? "rgba(168, 168, 168,0.5)" : "#999", onchange: onChangeImportant, className: "task-icon-star" })),
+                state.editable ? (React.createElement(Spin, { spinning: state.loading },
+                    React.createElement(Input.TextArea, { className: "task-card-title", autosize: true, autoFocus: true, value: state.name, onChange: e => (state.name = e.target.value) }))) : (React.createElement("div", { className: "task-card-title" }, state.document.name))),
+            React.createElement("div", { className: "task-card-control" },
+                state.isHover &&
+                    !multiple &&
+                    props.connectDragSource?.(React.createElement("span", { className: classnames("task-icon-move", { show: state.editable }) }, React.createElement(FAIcon, { icon: faBars }))),
+                iconList),
+            React.createElement("div", { className: "task-card-label" },
+                state.isHover && !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                    React.createElement(ToolBar, { size: "small", url: `/document/${props.id}`, edit: false, del: false, move: !readonly, lock: state.document.status === "Draft" || state.document.status === "Normal", unlock: state.document.status === "Readonly", hoverEdit: !readonly, hoverDel: !readonly, onDelete: onDelete, onEdit: onEdit, onMove: onMove, onPaste: onPaste, onLock: onLock, onUnlock: onUnlock }))),
+                state.editable && (React.createElement("div", { className: "task-card-editable-name" },
+                    React.createElement(Button, { shape: "circle", size: "small", onClick: () => (state.editable = false) },
+                        React.createElement(FAIcon, { icon: faUndo })),
+                    React.createElement(Button, { type: "primary", size: "small", ghost: true, shape: "circle", onClick: onSave },
+                        React.createElement(FAIcon, { icon: faSave })))))))));
+};
+export default DocumentCard;
+//# sourceMappingURL=index.js.map

package/es/modules/BoardView/components/DocumentCard/index.js.map

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

package/es/modules/BoardView/components/DocumentCard/index.less

@@ -0,0 +1,116 @@
+@import "../../../../styles/common.less";
+.task-card {
+	margin-bottom: 15px;
+	background: #ffffff;
+	cursor: pointer;
+	:global {
+		.task-card-head {
+			display: flex;
+			align-items: center;
+			.task-card-title {
+				flex: 1;
+				font-size: 16px;
+				color: #000000;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				margin-left: 6px;
+			}
+		}
+		.task-card-control {
+			margin-top: 6px;
+			display: flex;
+			align-items: center;
+			padding: 5px 0;
+			font-size: 13px;
+			color: #666;
+			& > span {
+				display: flex;
+				align-items: center;
+			}
+			& > span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.task-icon-move{
+				&:hover{
+					color: #666;
+				}
+				.svg-inline--fa {
+					margin-right: 0;
+				}
+			}
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+		.task-card-label {
+			height: 23px;
+			margin-top: 8px;
+			.item {
+				display: inline-block;
+				font-size: 13px;
+				height: 22px;
+				line-height: 20px;
+				padding: 0 11px 0 8px;
+				color: #a50909;
+				background: #fbc7c8;
+				border-top-right-radius: 11px;
+				border-bottom-right-radius: 11px;
+				border-top-left-radius: 2px;
+				border-bottom-left-radius: 2px;
+				margin-right: 10px;
+				&.project {
+					color: #5d0303;
+					background: #d6bdbd;
+				}
+				.close {
+					float: right;
+					margin-left: 4px;
+					margin-top: 1px;
+					font-size: 10px;
+				}
+				.svg-inline--fa {
+					transform: scale(0.7, 0.9);
+				}
+			}
+		}
+		.hover-operate-icon {
+			// &.show {
+			// 	display: flex;
+			// 	justify-content: flex-end;
+			// 	align-items: center;
+			// }
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
+			}
+		}
+		.task-card-editable-name {
+			display: flex;
+			justify-content: flex-end;
+			.ant-btn {
+				margin-right: 8px;
+			}
+		}
+		.task-card-item{
+			.task-icon-move {
+				opacity: 0;
+				cursor: move;
+				font-size: 16px;
+			}
+			&:hover .task-icon-move,
+			.task-icon-move.show {
+				opacity: 1;
+			}
+			&.opacity {
+				opacity: 0.5;
+			}
+		}
+		
+	}
+}

package/es/modules/BoardView/components/DocumentCard/state.d.ts

@@ -0,0 +1,15 @@
+import { IDocument } from "@voplus/morpho-document";
+export declare class State {
+    document: IDocument;
+    id: string;
+    ids: string[];
+    members: any[];
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    visible: boolean;
+    visibleQuickView: boolean;
+    modalType: string;
+    isHover: boolean;
+    reload: boolean;
+}

package/es/modules/BoardView/components/DocumentCard/state.js

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.id = "";
+        this.ids = [];
+        this.members = [];
+        this.name = "";
+        this.editable = false;
+        this.loading = false;
+        this.visible = false;
+        this.visibleQuickView = false;
+        this.modalType = "";
+        this.isHover = false;
+        this.reload = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "document", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "visibleQuickView", void 0);
+__decorate([
+    observable
+], State.prototype, "modalType", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/BoardView/components/DocumentCard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/DocumentCard/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QAEoB,OAAE,GAAW,EAAE,CAAC;QAChB,QAAG,GAAa,EAAE,CAAC;QACnB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,qBAAgB,GAAY,KAAK,CAAC;QAClC,cAAS,GAAW,EAAE,CAAC;QACvB,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAY,KAAK,CAAC;IAC5C,CAAC;CAAA;AAZY;IAAX,UAAU;uCAA4B;AAC3B;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;kCAA2B;AAC1B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;+CAA0C;AACzC;IAAX,UAAU;wCAA+B;AAC9B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;qCAAgC"}

package/es/modules/BoardView/components/{TaskList → LinkList}/index.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-declare const TaskList: (props: {
+import React from "react";
+declare const _default: React.FunctionComponent<{
     id: string;
     addAble?: boolean | undefined;
     onAddAble?: ((params?: boolean | undefined) => void) | undefined;
     checked?: boolean | undefined;
     checkAll?: boolean | undefined;
     onCheck?: ((params?: any) => void) | undefined;
-}) => JSX.Element;
-export default TaskList;
+    onLinkNum?: ((params?: any) => void) | undefined;
+}>;
+export default _default;

package/es/modules/BoardView/components/LinkList/index.js

@@ -0,0 +1,60 @@
+import { Checkbox } from "@voplus/antd";
+import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
+import { useObserver, observer } from "mobx-react-lite";
+import React, { useEffect, useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import NewTaskForm from "../NewTaskForm";
+import TaskCard from "../TaskCard";
+import DocumentCard from "../DocumentCard";
+import { State } from "./state";
+import { useOnNewLink, useOnDeleteLink, useDocumentLinkListEffect } from "@voplus/morpho-document";
+import { useListOptionsContext } from "@voplus/morpho-ui";
+const LinkList = (props) => {
+    const [state] = useState(new State());
+    const lo = useListOptionsContext();
+    useEffect(() => {
+        state.addBoardAble = props.addAble;
+    }, [props.addAble]);
+    useEffect(() => {
+        state.checkIds = props.checkAll ? state.links.map(({ id }) => id) : [];
+    }, [props.checkAll]);
+    useDocumentLinkListEffect(props.id, list => {
+        props.onLinkNum(list.length);
+        state.links = list;
+    }, lo.listOptions);
+    useOnNewLink((s, doc) => {
+        if (doc.left.id === props.id) {
+            state.links.push(doc);
+            props.onLinkNum(state.links.length);
+        }
+    });
+    useOnDeleteLink((s, doc) => {
+        if (doc.left.id === props.id) {
+            state.links.splice(state.links.findIndex(item => item.id === doc.id), 1);
+            props.onLinkNum(state.links.length);
+        }
+    });
+    const onAddAble = () => {
+        state.addBoardAble = !state.addBoardAble;
+        props.onAddAble(state.addBoardAble);
+    };
+    const moveAfter = async (id, afterId, list) => {
+        console.log("move", id, afterId, list);
+        // await boards.moveAfter(id, afterId);
+        // state.links = list;
+    };
+    const onCheck = (checkedValues) => {
+        state.checkIds = checkedValues;
+        const checkAll = checkedValues.length === state.links.length;
+        props.onCheck(checkAll);
+    };
+    return useObserver(() => (React.createElement(Scrollbars, null,
+        React.createElement(Checkbox.Group, { value: state.checkIds, onChange: onCheck, style: { width: "100%" } },
+            React.createElement(SortDnD, { list: state.links, moveAfter: moveAfter, text: (task, index, connectDragSource) => (React.createElement(React.Fragment, null,
+                    task.right.type === "Task" && (React.createElement(TaskCard, { id: task.right.id, linkId: task.id, leftId: task.left.id, multiple: props.checked, connectDragSource: connectDragSource })),
+                    task.right.type === "Document" && (React.createElement(DocumentCard, { id: task.right.id, linkId: task.id, leftId: task.left.id, multiple: props.checked, connectDragSource: connectDragSource })))) })),
+        state.addBoardAble && React.createElement(NewTaskForm, { parentId: props.id }),
+        React.createElement("span", { className: "addTask", onClick: onAddAble }, "+ NEW TASK"))));
+};
+export default observer(LinkList);
+//# sourceMappingURL=index.js.map