@voplus/morpho-workspace 4.0.0 → 4.0.1

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

@@ -1,108 +1,108 @@
-import "swiper/css";
-import { BoardListContextState, BoardtListContext, useBoard, useBoardColumnListEffect, useBoardColumnStore, } from "../../../../data/board";
-import { CreateDateFilter, DocumentStatusFilter, FlagFilter, } from "@voplus/morpho-document/es/controls/filters";
-import { DragDropContext, Droppable } from "react-beautiful-dnd";
-import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
-import { Input, Spin } from "antd";
-import React, { useEffect, useState } from "react";
-import { useLayout } from "@voplus/morpho-data";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
-import BoardColumn from "../BoardColumn";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
-import { Observer } from "mobx-react-lite";
-import Panable from "@voplus/morpho-ui/es/controls/Panable";
-import QuickSearch from "@voplus/morpho-ui/es/components/layout/ListView/controls/QuickSearch";
-import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
-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";
-import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
-const Board = (props) => {
-    const frame = useFrame();
-    const layout = useLayout();
-    const boards = useBoardColumnStore();
-    const documentStore = useDocumentStore();
-    const [state] = useState(new State(boards, documentStore));
-    const data = useBoard(props.parentId, { reload: false });
-    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
-    const list = useCreateListDataState({}, []);
-    /**把store 传给子级 DocumentItem*/
-    const [lists] = useState(new BoardListContextState());
-    state.props = props;
-    useEffect(state.subscribeOnBoardCreateCallback, []);
-    useBoardColumnListEffect((list) => {
-        runInAction(() => {
-            state.boardcolumns = list;
-            state.oldboardcolumns = state.boardcolumns;
-        });
-    }, {
-        Includes: "tags",
-        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
-    });
-    useEffect(() => {
-        setupExtra();
-    }, [props.parentId, frame === null || frame === void 0 ? void 0 : frame.view]);
-    const board = observe(() => (React.createElement(Droppable, { droppableId: props.parentId, type: "COLUMN", direction: "horizontal", isDropDisabled: data.status === "Readonly" }, (provided) => 
-    //{/* 手机模式 */}
-    !layout.ui.mobile ? (React.createElement(Panable, { scroll: true },
-        React.createElement(Observer, null, () => {
-            var _a;
-            return (React.createElement("div", { style: {
-                    flex: 1,
-                    height: "100%",
-                    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, onIds: (v) => state.onIds(v), onAdd: (parentId, type, name) => {
-                        props.onAdd && props.onAdd(parentId, type, name);
-                    } }))),
-                provided.placeholder));
-        }))) : (React.createElement(Observer, null, () => {
-        var _a;
-        return (React.createElement("div", { style: {
-                width: "100%",
-                height: "100%",
-            }, 
-            // eslint-disable-next-line @typescript-eslint/unbound-method
-            ref: provided.innerRef, ...provided.droppableProps },
-            React.createElement(Swiper, { slidesPerView: "auto", centeredSlides: true, spaceBetween: 20, className: "mySwiper" }, (_a = state.boardcolumns) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement(SwiperSlide, { key: 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 observe(() => (React.createElement(BoardtListContext.Provider, { value: lists },
-        React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement("div", { className: styles["board-context"] },
-                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)) }))))),
-                    data.status !== "Readonly" && (React.createElement("div", { className: "add-board" },
-                        React.createElement("div", { onClick: () => runInAction(() => (state.addBoardColumnAble = true)) }, "+ ADD")))))))));
-    /** BoardColumn filters name */
-    function onSearch(value) {
-        list.triggerSearch(value);
-    }
-    function setupExtra() {
-        if (!frame)
-            return;
-        frame.PreExtra = observe(() => React.createElement(QuickSearch, { title: "Search", onChange: onSearch }));
-        frame.Extra = observe(() => (React.createElement(FilterOptionsContext.Provider, { value: list.filters },
-            React.createElement(SortViewDropdown, { onSort: (sort) => list.triggerSort(sort), className: "margin-left-10" }),
-            React.createElement(FilterView, { columns: [
-                    React.createElement(CreateDateFilter, { key: "createDateFilter" }),
-                    React.createElement(FlagFilter, { key: "flagFilter" }),
-                    React.createElement(DocumentStatusFilter, { key: "documentStatusFilter" }),
-                ], className: "margin-left-10" }))));
-    }
-};
-export default Board;
+import "swiper/css";
+import { BoardListContextState, BoardtListContext, useBoard, useBoardColumnListEffect, useBoardColumnStore, } from "../../../../data/board";
+import { CreateDateFilter, DocumentStatusFilter, FlagFilter, } from "@voplus/morpho-document/es/controls/filters";
+import { DragDropContext, Droppable } from "react-beautiful-dnd";
+import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
+import { Input, Spin } from "antd";
+import React, { useEffect, useState } from "react";
+import { useLayout } from "@voplus/morpho-data";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import BoardColumn from "../BoardColumn";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
+import { Observer } from "mobx-react-lite";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
+import QuickSearch from "@voplus/morpho-ui/es/components/layout/ListView/controls/QuickSearch";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+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";
+import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
+const Board = (props) => {
+    const frame = useFrame();
+    const layout = useLayout();
+    const boards = useBoardColumnStore();
+    const documentStore = useDocumentStore();
+    const [state] = useState(new State(boards, documentStore));
+    const data = useBoard(props.parentId, { reload: false });
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    /**把store 传给子级 DocumentItem*/
+    const [lists] = useState(new BoardListContextState());
+    state.props = props;
+    useEffect(state.subscribeOnBoardCreateCallback, []);
+    useBoardColumnListEffect((list) => {
+        runInAction(() => {
+            state.boardcolumns = list;
+            state.oldboardcolumns = state.boardcolumns;
+        });
+    }, {
+        Includes: "tags",
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
+    });
+    useEffect(() => {
+        setupExtra();
+    }, [props.parentId, frame === null || frame === void 0 ? void 0 : frame.view]);
+    const board = observe(() => (React.createElement(Droppable, { droppableId: props.parentId, type: "COLUMN", direction: "horizontal", isDropDisabled: data.status === "Readonly" }, (provided) => 
+    //{/* 手机模式 */}
+    !layout.ui.mobile ? (React.createElement(Panable, { scroll: true },
+        React.createElement(Observer, null, () => {
+            var _a;
+            return (React.createElement("div", { style: {
+                    flex: 1,
+                    height: "100%",
+                    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, onIds: (v) => state.onIds(v), onAdd: (parentId, type, name) => {
+                        props.onAdd && props.onAdd(parentId, type, name);
+                    } }))),
+                provided.placeholder));
+        }))) : (React.createElement(Observer, null, () => {
+        var _a;
+        return (React.createElement("div", { style: {
+                width: "100%",
+                height: "100%",
+            }, 
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            ref: provided.innerRef, ...provided.droppableProps },
+            React.createElement(Swiper, { slidesPerView: "auto", centeredSlides: true, spaceBetween: 20, className: "mySwiper" }, (_a = state.boardcolumns) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement(SwiperSlide, { key: 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 observe(() => (React.createElement(BoardtListContext.Provider, { value: lists },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: styles["board-context"] },
+                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)) }))))),
+                    data.status !== "Readonly" && (React.createElement("div", { className: "add-board" },
+                        React.createElement("div", { onClick: () => runInAction(() => (state.addBoardColumnAble = true)) }, "+ ADD")))))))));
+    /** BoardColumn filters name */
+    function onSearch(value) {
+        list.triggerSearch(value);
+    }
+    function setupExtra() {
+        if (!frame)
+            return;
+        frame.PreExtra = observe(() => React.createElement(QuickSearch, { title: "Search", onChange: onSearch }));
+        frame.Extra = observe(() => (React.createElement(FilterOptionsContext.Provider, { value: list.filters },
+            React.createElement(SortViewDropdown, { onSort: (sort) => list.triggerSort(sort), className: "margin-left-10" }),
+            React.createElement(FilterView, { columns: [
+                    React.createElement(CreateDateFilter, { key: "createDateFilter" }),
+                    React.createElement(FlagFilter, { key: "flagFilter" }),
+                    React.createElement(DocumentStatusFilter, { key: "documentStatusFilter" }),
+                ], className: "margin-left-10" }))));
+    }
+};
+export default Board;
 //# sourceMappingURL=index.js.map

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

@@ -1,133 +1,133 @@
-.board-context {
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	:global {
-		.board-list {
-			height: 100%;
-			display: flex;
-			justify-content: space-between;
-			padding: 10px 12px;
-
-			.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;
-				margin: 8px 0;
-				> div {
-					cursor: pointer;
-				}
-			}
-			.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;
-			}
-		}
-
-		.swiper {
-			width: 100%;
-			height: 100%;
-			background-color: #eeeeee;
-		}
-
-		.swiper-slide {
-			text-align: center;
-			font-size: 18px;
-			background: #fff;
-
-			/* Center slide text vertically */
-			display: -webkit-box;
-			display: -ms-flexbox;
-			display: -webkit-flex;
-			display: flex;
-			-webkit-box-pack: center;
-			-ms-flex-pack: center;
-			-webkit-justify-content: center;
-			justify-content: center;
-			-webkit-box-align: center;
-			-ms-flex-align: center;
-			-webkit-align-items: center;
-			align-items: center;
-		}
-
-		.swiper-slide img {
-			display: block;
-			width: 100%;
-			height: 100%;
-			object-fit: cover;
-		}
-
-		.swiper-slide {
-			width: 80%;
-			background-color: cornsilk;
-			> div {
-				width: 100%;
-				height: 100%;
-				min-width: auto;
-				margin: 0;
-				.content-top {
-					width: 100%;
-				}
-				.wrapper {
-					width: 100%;
-					padding: 0 15px;
-				}
-				.new-sub-doc {
-					background: #fff;
-					border-top: solid 1px #eeeeee;
-					padding: 5px 10px;
-					.ant-btn {
-						padding: 4px 5px;
-					}
-				}
-			}
-		}
-	}
-}
-// .board_header {
-// 	display: flex;
-// 	justify-content: space-between;
-// 	align-items: center;
-// 	padding: 10px 20px;
-// 	border-bottom: 1px solid #f2f2f2;
-// 	background-color: #ffffff;
-// }
+.board-context {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	:global {
+		.board-list {
+			height: 100%;
+			display: flex;
+			justify-content: space-between;
+			padding: 10px 12px;
+
+			.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;
+				margin: 8px 0;
+				> div {
+					cursor: pointer;
+				}
+			}
+			.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;
+			}
+		}
+
+		.swiper {
+			width: 100%;
+			height: 100%;
+			background-color: #eeeeee;
+		}
+
+		.swiper-slide {
+			text-align: center;
+			font-size: 18px;
+			background: #fff;
+
+			/* Center slide text vertically */
+			display: -webkit-box;
+			display: -ms-flexbox;
+			display: -webkit-flex;
+			display: flex;
+			-webkit-box-pack: center;
+			-ms-flex-pack: center;
+			-webkit-justify-content: center;
+			justify-content: center;
+			-webkit-box-align: center;
+			-ms-flex-align: center;
+			-webkit-align-items: center;
+			align-items: center;
+		}
+
+		.swiper-slide img {
+			display: block;
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+		}
+
+		.swiper-slide {
+			width: 80%;
+			background-color: cornsilk;
+			> div {
+				width: 100%;
+				height: 100%;
+				min-width: auto;
+				margin: 0;
+				.content-top {
+					width: 100%;
+				}
+				.wrapper {
+					width: 100%;
+					padding: 0 15px;
+				}
+				.new-sub-doc {
+					background: #fff;
+					border-top: solid 1px #eeeeee;
+					padding: 5px 10px;
+					.ant-btn {
+						padding: 4px 5px;
+					}
+				}
+			}
+		}
+	}
+}
+// .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,52 +1,52 @@
-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[];
-    /** add BoardColumn name */
-    name: string;
-    reload: boolean;
-    /** add BoardColumn save loading */
-    addLoading: boolean;
-    /** add BoardColumn */
-    addBoardColumnAble: boolean;
-    /** move 原数据 */
-    source: any;
-    /** move 目标数据 */
-    destination: any;
-    /** BoardColumn head border-top color */
-    colorList: string[];
-    /** 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<boolean | undefined>;
-    /** 拖拽方法 */
-    onDragEnd(result: any): Promise<void>;
-    /** 存储ids 放便拖拽后查找 afterId */
-    onIds(v: any): void;
-    /**
-     * document filters
-     * @return document filters
-     */
-    get filters(): any[];
-}
+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[];
+    /** add BoardColumn name */
+    name: string;
+    reload: boolean;
+    /** add BoardColumn save loading */
+    addLoading: boolean;
+    /** add BoardColumn */
+    addBoardColumnAble: boolean;
+    /** move 原数据 */
+    source: any;
+    /** move 目标数据 */
+    destination: any;
+    /** BoardColumn head border-top color */
+    colorList: string[];
+    /** 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<boolean | undefined>;
+    /** 拖拽方法 */
+    onDragEnd(result: any): Promise<void>;
+    /** 存储ids 放便拖拽后查找 afterId */
+    onIds(v: any): void;
+    /**
+     * document filters
+     * @return document filters
+     */
+    get filters(): any[];
+}