@voplus/morpho-workspace 1.0.0-dev74 → 1.0.0-mobx01

package/es/modules/board/components/Board/index.js

@@ -1,85 +1,85 @@
-import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { BoardListContextState, BoardtListContext, useBoardColumnListEffect, useBoardColumnStore, } from "../../../../data/board";
+import { CreateDateFilter, DocumentStatusFilter, FlagFilter, } from "@voplus/morpho-document/es/controls/filters";
+import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { Input, Spin } from "@voplus/antd";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect, useState } from "react";
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import BoardColumn from "../BoardColumn";
 import Card from "@voplus/morpho-ui/es/controls/Card";
-import { useObserver, Observer } from "mobx-react-lite";
-import React, { useState, useEffect } from "react";
-import { DragDropContext, Droppable } from "react-beautiful-dnd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
+import { Observer } from "mobx-react-lite";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
 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 { Scrollbars } from "react-custom-scrollbars";
-import { ListOptionsContextState, ListOptionsContext } from "@voplus/morpho-ui";
-import BoardColumn from "../BoardColumn";
-import { useDocumentStore } from "@voplus/morpho-document";
-import styles from "./index.less";
 import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
 const Board = (props) => {
     const boards = useBoardColumnStore();
     const documentStore = useDocumentStore();
     const [state] = useState(new State(boards, documentStore));
-    /** BoardColumn-links filters list options */
-    const [listoptions] = useState(new ListOptionsContextState());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    /**把store 传给子级 DocumentItem*/
+    const [lists] = useState(new BoardListContextState());
     state.props = props;
     useEffect(state.subscribeOnBoardCreateCallback, []);
-    useBoardColumnListEffect(list => {
-        state.boardcolumns = list;
+    useBoardColumnListEffect((list) => {
+        runInAction(() => {
+            state.boardcolumns = list;
+            state.oldboardcolumns = state.boardcolumns;
+        });
     }, {
-        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }]
+        Includes: "tags",
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
     });
-    /** BoardColumn filters sort */
-    const onSort = (value) => {
-        listoptions.sort = value;
-    };
-    /** BoardColumn filters status */
-    const onFilter = (value) => {
-        const { status, assignee, created, labels, dueDate } = value;
-        listoptions.filters = [
-            { c: "LinkStatus", o: "contains", l: "And", v1: toJS(JSON.stringify(status)) }
-        ];
-    };
     /** BoardColumn filters name */
     const onSearch = (value) => {
         if (state.timeout) {
             clearTimeout(state.timeout);
         }
-        state.timeout = setTimeout(() => {
-            state.timeout = null;
-            listoptions.filters = [
-                { c: "Name", o: "contains", l: "And", v1: toJS(JSON.stringify(value)) }
-            ];
-        }, 1500);
+        runInAction(() => {
+            state.timeout = setTimeout(() => {
+                state.timeout = null;
+                lists.name = value;
+            }, 1500);
+        });
     };
-    const board = useObserver(() => (React.createElement(Droppable, { droppableId: props.parentId, type: "COLUMN", direction: "horizontal" }, provided => (React.createElement(Scrollbars, { autoHide: true },
+    const board = observe(() => (React.createElement(Droppable, { droppableId: props.parentId, type: "COLUMN", direction: "horizontal" }, (provided) => (React.createElement(Panable, { scroll: true },
         React.createElement(Observer, null, () => {
             var _a;
             return (React.createElement("div", Object.assign({ style: {
                     flex: 1,
                     height: "100%",
-                    display: "inline-flex"
+                    display: "inline-flex",
                 }, 
                 // eslint-disable-next-line @typescript-eslint/unbound-method
                 ref: provided.innerRef }, provided.droppableProps), (_a = state.boardcolumns) === null || _a === void 0 ? void 0 :
-                _a.map((item, index) => (React.createElement(BoardColumn, { key: item.id, index: index, id: item.id, reload: state.reload, colorStyle: state.colorList[index % 6], destination: state.destination, source: state.source }))),
+                _a.map((item, index) => (React.createElement(BoardColumn, { key: item.id, index: index, id: item.id, reload: state.reload, colorStyle: state.colorList[index % 6], destination: state.destination, source: state.source, onIds: (v) => state.onIds(v) }))),
                 provided.placeholder));
         }))))));
-    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(DragDropContext, { onDragEnd: (result) => state.onDragEnd(result) }, board),
-            state.addBoardColumnAble && (React.createElement(Spin, { spinning: state.addLoading },
-                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: () => state.onSave() }),
-                    React.createElement(FAIcon, { icon: faTimes, onClick: () => (state.addBoardColumnAble = false) })))),
-            React.createElement("div", { className: "add-board" },
-                React.createElement("div", { onClick: () => (state.addBoardColumnAble = true) }, "+ ADD"))))));
+    return observe(() => (React.createElement(BoardtListContext.Provider, { value: lists },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: styles["board-context"] },
+                React.createElement(ListHeader, { header: React.createElement(SearchHeader, { onChange: onSearch }), filterViewProps: {
+                        columns: [
+                            React.createElement(CreateDateFilter, { key: "createDateFilter" }),
+                            React.createElement(FlagFilter, { key: "flagFilter" }),
+                            React.createElement(DocumentStatusFilter, { key: "documentStatusFilter" }),
+                        ],
+                    }, addAble: false }),
+                React.createElement("div", { className: "board-list" },
+                    React.createElement(DragDropContext, { onDragEnd: (result) => state.onDragEnd(result) }, board),
+                    React.createElement("div", { className: "add-board-controls" }, state.addBoardColumnAble && (React.createElement(Spin, { spinning: state.addLoading },
+                        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) => runInAction(() => (state.name = e.target.value)) }),
+                            React.createElement(FAIcon, { icon: faCheck, onClick: () => state.onSave() }),
+                            React.createElement(FAIcon, { icon: faTimes, onClick: () => runInAction(() => (state.addBoardColumnAble = false)) }))))),
+                    React.createElement("div", { className: "add-board" },
+                        React.createElement("div", { onClick: () => runInAction(() => (state.addBoardColumnAble = true)) }, "+ ADD"))))))));
 };
 export default Board;
 //# sourceMappingURL=index.js.map

package/es/modules/board/components/Board/index.js.map

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

package/es/modules/board/components/Board/index.less

@@ -1,67 +1,99 @@
-.board-list {
+.board-context {
 	height: 100%;
 	display: flex;
-	justify-content: space-between;
-	margin: 10px;
-	padding: 0 10px;
+	flex-direction: column;
 	:global {
-		.board-sortDnD {
-			flex: 1;
+		.list-view-header {
 			display: flex;
-			> div {
-				flex: 1;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+			background: #ffffff;
+			.view-title {
+				color: #000;
+				font-size: 16px;
+				font-weight: 600;
 			}
-		}
-		.add-board {
-			width: 100px;
-			min-width: 100px;
-			font-size: 16px;
-			text-align: center;
-			line-height: 50px;
-			margin: 8px 0;
-			> div {
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				margin-left: 10px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
 				cursor: pointer;
 			}
-		}
-		.ant-spin-nested-loading {
-			margin: 8px 0 8px 8px;
-			> div > .ant-spin {
-				height: 50px;
+			.margin-left-10 {
+				margin-left: 10px;
 			}
 		}
-		.add-board-able {
+		.board-list {
+			height: 100%;
 			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 50px;
-			color: #000000;
-			line-height: 50px;
-			padding: 0 10px;
-			background: #ffffff;
-			margin-bottom: 15px;
-			min-width: 150px;
-			.ant-input {
-				padding: 0;
-				border: none;
+			justify-content: space-between;
+			padding: 10px 12px;
+
+			.board-sortDnD {
+				flex: 1;
+				display: flex;
+				> div {
+					flex: 1;
+				}
 			}
-			.ant-input:focus {
-				box-shadow: none;
+			.add-board {
+				width: 100px;
+				min-width: 100px;
+				font-size: 16px;
+				text-align: center;
+				line-height: 50px;
+				margin: 8px 0;
+				> div {
+					cursor: pointer;
+				}
 			}
-			.svg-inline--fa {
-				cursor: pointer;
-				margin-left: 8px;
+			.add-board-controls {
+				.ant-spin-nested-loading {
+					margin: 8px 0 8px 8px;
+					> div > .ant-spin {
+						height: 50px;
+					}
+				}
+			}
+			.add-board-able {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				height: 50px;
+				color: #000000;
+				line-height: 50px;
+				padding: 0 10px;
+				background: #ffffff;
+				margin-bottom: 15px;
+				min-width: 150px;
+				.ant-input {
+					padding: 0;
+					border: none;
+				}
+				.ant-input:focus {
+					box-shadow: none;
+				}
+				.svg-inline--fa {
+					cursor: pointer;
+					margin-left: 8px;
+				}
+			}
+			.ant-calendar {
+				max-width: 250px;
 			}
-		}
-		.ant-calendar {
-			max-width: 250px;
 		}
 	}
 }
-.board_header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 10px 20px;
-	border-bottom: 1px solid #f2f2f2;
-	background-color: #ffffff;
-}
+// .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/board/components/Board/state.d.ts

@@ -1,14 +1,22 @@
-import { DocumentStore } from "@voplus/morpho-document";
-import { IBoardColumn, BoardColumnStore } from "../../../../data/board";
+import { BoardColumnStore, IBoardColumn } from "../../../../data/board";
+import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
+import { FilterOption } from "@voplus/morpho-data";
 export declare type BoardListProps = {
     parentId: string;
 };
+export interface IBoardIds {
+    id: string;
+    ids: string[];
+}
 export declare class State {
     private _store;
     private _docStore;
     props: BoardListProps;
     constructor(_store: BoardColumnStore, _docStore: DocumentStore);
     boardcolumns: IBoardColumn[];
+    oldboardcolumns: IBoardColumn[];
+    /** board ids */
+    ids: IBoardIds[];
     /** search filter 1.5秒 */
     timeout: any;
     /** add BoardColumn name */
@@ -24,11 +32,23 @@ export declare class State {
     destination: any;
     /** BoardColumn head border-top color */
     colorList: string[];
-    onBoardColumnCreated: (s: BoardColumnStore, t: import("@voplus/morpho-document").IDocument) => void;
-    onBoardColumnDeleted: (s: BoardColumnStore, t: import("@voplus/morpho-document").IDocument) => void;
+    /** documentlist filter name */
+    filterName: string;
+    filterList?: FilterOption[];
+    /** 请求后台move/moveAfter，是否加载完成（如没加载完成，不许再进入onDragEnd方法重复请求，重复请求会导致数据错误，报错）*/
+    moveLoading: boolean;
+    onBoardColumnCreated: (s: DocumentStore, t: IDocument) => void;
+    onBoardColumnDeleted: (s: DocumentStore, t: IDocument) => void;
     subscribeOnBoardCreateCallback: () => () => void;
     /** add BoardColumn save */
     onSave: () => Promise<any>;
     /** 拖拽方法 */
-    onDragEnd(result: any): void;
+    onDragEnd(result: any): Promise<void>;
+    /** 存储ids 放便拖拽后查找 afterId */
+    onIds(v: any): void;
+    /**
+     * document filters
+     * @return document filters
+     */
+    get filters(): any[];
 }