@voplus/morpho-workspace 4.0.0 → 4.0.1

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

@@ -1,143 +1,143 @@
-import { useDocumentListEffect, useDocumentStore, useMetaStore, useOnDeleteDocument, useOnNewDocument, } from "@voplus/morpho-document-core";
-import React, { useEffect, useState } from "react";
-import { State } from "./state";
-import { Upload, message } from "antd";
-import { useCreateListDataState, useListDataContext } from "@voplus/morpho-ui/es/data";
-import DocumentCard from "../DocumentCard";
-import { Draggable } from "react-beautiful-dnd";
-import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { observer } from "mobx-react-lite";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useBoardtListContext } from "../../../../data/board";
-const SubDocumentList = (props) => {
-    var _c, _d, _e, _f, _g, _h, _j, _k;
-    const meta = useMetaStore();
-    const [state] = useState(new State());
-    /** DocumentList filters list options */
-    const list = useListDataContext();
-    const lists = useBoardtListContext();
-    const store = useDocumentStore();
-    const { destination, source } = { ...props };
-    /**是否能Upload*/
-    const [disabled, setDisabled] = useState(false);
-    /** filters - useListDataContext
-     * Filters , Sort
-     */
-    let filters = [];
-    if ((_d = (_c = list.filters) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.Filters) {
-        filters = (_f = (_e = list.filters) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.Filters;
-    }
-    let sort = {};
-    if ((_h = (_g = list.filters) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.Sort) {
-        sort = (_k = (_j = list.filters) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0 ? void 0 : _k.Sort;
-    }
-    const docList = useCreateListDataState({
-        filterDefaults: { includes: "tags", filters: [] },
-    }, [props.id]);
-    useEffect(() => {
-        move();
-    }, [destination, source]);
-    useEffect(() => {
-        /** sort */
-        runInAction(() => {
-            docList.triggerSort(sort);
-            state.Sort = sort;
-        });
-    }, [sort.Sort]);
-    useEffect(() => {
-        var _c;
-        /** 判断filters的值是否变化了 */
-        const result = filters.length === ((_c = state.filters) === null || _c === void 0 ? void 0 : _c.length) &&
-            filters.every((a) => state.filters.some((b) => a.c === b.c && a.v1 === b.v1)) &&
-            state.filters.every((_b) => filters.some((_a) => _a.c === _b.c && _a.v1 === _b.v1));
-        if (!result) {
-            docList.reset();
-            runInAction(() => {
-                // should use useOnRenderChange
-                docList["_loading"] = true;
-                state.filters = filters;
-            });
-        }
-    }, [filters]);
-    useDocumentListEffect(docList, (result, total) => {
-        runInAction(() => {
-            docList.union(result);
-            state.total = total || 0;
-        });
-        props.onDocumentData(docData());
-    }, {
-        ...docList.filters.options,
-        Total: true,
-        Sort: state.Sort,
-        Filters: [...state.filters, { c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
-    });
-    useOnNewDocument((s, doc) => {
-        if (doc.parentNodeId === props.id && doc.parentNodeId !== (destination === null || destination === void 0 ? void 0 : destination.parentId)) {
-            runInAction(() => {
-                docList.union([doc]);
-                state.total++;
-            });
-            props.onDocumentData(docData());
-        }
-    });
-    useOnDeleteDocument((s, doc) => {
-        if (doc.parentNodeId === props.id &&
-            doc.parentNodeId !== (source === null || source === void 0 ? void 0 : source.parentId) &&
-            doc.parentNodeId !== (destination === null || destination === void 0 ? void 0 : destination.parentId)) {
-            runInAction(() => {
-                docList.remove(doc.id);
-                state.total--;
-            });
-            props.onDocumentData(docData());
-        }
-    });
-    return observe(() => (React.createElement("div", { className: styles["link-list-page"] },
-        React.createElement(Upload.Dragger, { className: classnames("link-upload", !disabled && "doc-drag-hover"), disabled: disabled, customRequest: (option) => customRequest(option), showUploadList: false, openFileDialogOnClick: false, multiple: true },
-            React.createElement(InfiniteScrollView, { empty: false, loading: docList.loading, hasMore: docList.hasMore, loadMore: () => docList.triggerNextPage() }, docList.data.map((item, index) => (React.createElement(Draggable, { key: item.id, draggableId: item.id, index: index }, (dragProvided, dragSnapshot) => (React.createElement("div", { className: "link-container", isdragging: dragSnapshot.isDragging.toString(), isgroupedover: Boolean(dragSnapshot.combineTargetFor).toString(), ref: dragProvided.innerRef, ...dragProvided.draggableProps, ...dragProvided.dragHandleProps, "data-is-dragging": dragSnapshot.isDragging, "data-testid": props.id, "data-index": index, 
-                // avoid mouse down propagate to panable
-                onMouseDown: (e) => e.stopPropagation() },
-                React.createElement("div", { className: "link-content" },
-                    React.createElement(DocumentCard, { id: item.id, onChangeDisabled: onChangeDisabled }))))))))))));
-    /**change disabled Upload function*/
-    function onChangeDisabled(newDisabled) {
-        console.log("onChangeDisabled", newDisabled);
-        setDisabled(newDisabled);
-    }
-    /** upload */
-    async function customRequest(option) {
-        await store.upload(props.id, [option.file]);
-        message.success(`${option.file.name} file uploaded successfully.`);
-    }
-    /** sub-document move function */
-    function move() {
-        if ((source === null || source === void 0 ? void 0 : source.parentId) === props.id) {
-            const iNum = docList.data.findIndex((item) => {
-                return item.id === source.id;
-            });
-            if (iNum >= 0 && docList.data[iNum].id === source.id) {
-                docList.remove(docList.data[iNum].id);
-                state.total--;
-                props.onDocumentData(docData());
-            }
-        }
-        if ((destination === null || destination === void 0 ? void 0 : destination.parentId) === props.id) {
-            const doc = {
-                id: destination.id,
-            };
-            docList.insert(doc, destination.index);
-            state.total++;
-            props.onDocumentData(docData());
-        }
-    }
-    /** props.onDocumentData 需要的数据  */
-    function docData() {
-        const ids = [];
-        docList.data.map((i) => ids.push(i.id));
-        return { documents: state.total, ids: ids };
-    }
-};
-export default observer(SubDocumentList);
+import { useDocumentListEffect, useDocumentStore, useMetaStore, useOnDeleteDocument, useOnNewDocument, } from "@voplus/morpho-document-core";
+import React, { useEffect, useState } from "react";
+import { State } from "./state";
+import { Upload, message } from "antd";
+import { useCreateListDataState, useListDataContext } from "@voplus/morpho-ui/es/data";
+import DocumentCard from "../DocumentCard";
+import { Draggable } from "react-beautiful-dnd";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { observer } from "mobx-react-lite";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useBoardtListContext } from "../../../../data/board";
+const SubDocumentList = (props) => {
+    var _c, _d, _e, _f, _g, _h, _j, _k;
+    const meta = useMetaStore();
+    const [state] = useState(new State());
+    /** DocumentList filters list options */
+    const list = useListDataContext();
+    const lists = useBoardtListContext();
+    const store = useDocumentStore();
+    const { destination, source } = { ...props };
+    /**是否能Upload*/
+    const [disabled, setDisabled] = useState(false);
+    /** filters - useListDataContext
+     * Filters , Sort
+     */
+    let filters = [];
+    if ((_d = (_c = list.filters) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.Filters) {
+        filters = (_f = (_e = list.filters) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.Filters;
+    }
+    let sort = {};
+    if ((_h = (_g = list.filters) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.Sort) {
+        sort = (_k = (_j = list.filters) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0 ? void 0 : _k.Sort;
+    }
+    const docList = useCreateListDataState({
+        filterDefaults: { includes: "tags", filters: [] },
+    }, [props.id]);
+    useEffect(() => {
+        move();
+    }, [destination, source]);
+    useEffect(() => {
+        /** sort */
+        runInAction(() => {
+            docList.triggerSort(sort);
+            state.Sort = sort;
+        });
+    }, [sort.Sort]);
+    useEffect(() => {
+        var _c;
+        /** 判断filters的值是否变化了 */
+        const result = filters.length === ((_c = state.filters) === null || _c === void 0 ? void 0 : _c.length) &&
+            filters.every((a) => state.filters.some((b) => a.c === b.c && a.v1 === b.v1)) &&
+            state.filters.every((_b) => filters.some((_a) => _a.c === _b.c && _a.v1 === _b.v1));
+        if (!result) {
+            docList.reset();
+            runInAction(() => {
+                // should use useOnRenderChange
+                docList["_loading"] = true;
+                state.filters = filters;
+            });
+        }
+    }, [filters]);
+    useDocumentListEffect(docList, (result, total) => {
+        runInAction(() => {
+            docList.union(result);
+            state.total = total || 0;
+        });
+        props.onDocumentData(docData());
+    }, {
+        ...docList.filters.options,
+        Total: true,
+        Sort: state.Sort,
+        Filters: [...state.filters, { c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
+    });
+    useOnNewDocument((s, doc) => {
+        if (doc.parentNodeId === props.id && doc.parentNodeId !== (destination === null || destination === void 0 ? void 0 : destination.parentId)) {
+            runInAction(() => {
+                docList.union([doc]);
+                state.total++;
+            });
+            props.onDocumentData(docData());
+        }
+    });
+    useOnDeleteDocument((s, doc) => {
+        if (doc.parentNodeId === props.id &&
+            doc.parentNodeId !== (source === null || source === void 0 ? void 0 : source.parentId) &&
+            doc.parentNodeId !== (destination === null || destination === void 0 ? void 0 : destination.parentId)) {
+            runInAction(() => {
+                docList.remove(doc.id);
+                state.total--;
+            });
+            props.onDocumentData(docData());
+        }
+    });
+    return observe(() => (React.createElement("div", { className: styles["link-list-page"] },
+        React.createElement(Upload.Dragger, { className: classnames("link-upload", !disabled && "doc-drag-hover"), disabled: disabled, customRequest: (option) => customRequest(option), showUploadList: false, openFileDialogOnClick: false, multiple: true },
+            React.createElement(InfiniteScrollView, { empty: false, loading: docList.loading, hasMore: docList.hasMore, loadMore: () => docList.triggerNextPage() }, docList.data.map((item, index) => (React.createElement(Draggable, { key: item.id, draggableId: item.id, index: index }, (dragProvided, dragSnapshot) => (React.createElement("div", { className: "link-container", isdragging: dragSnapshot.isDragging.toString(), isgroupedover: Boolean(dragSnapshot.combineTargetFor).toString(), ref: dragProvided.innerRef, ...dragProvided.draggableProps, ...dragProvided.dragHandleProps, "data-is-dragging": dragSnapshot.isDragging, "data-testid": props.id, "data-index": index, 
+                // avoid mouse down propagate to panable
+                onMouseDown: (e) => e.stopPropagation() },
+                React.createElement("div", { className: "link-content" },
+                    React.createElement(DocumentCard, { id: item.id, onChangeDisabled: onChangeDisabled }))))))))))));
+    /**change disabled Upload function*/
+    function onChangeDisabled(newDisabled) {
+        console.log("onChangeDisabled", newDisabled);
+        setDisabled(newDisabled);
+    }
+    /** upload */
+    async function customRequest(option) {
+        await store.upload(props.id, [option.file]);
+        message.success(`${option.file.name} file uploaded successfully.`);
+    }
+    /** sub-document move function */
+    function move() {
+        if ((source === null || source === void 0 ? void 0 : source.parentId) === props.id) {
+            const iNum = docList.data.findIndex((item) => {
+                return item.id === source.id;
+            });
+            if (iNum >= 0 && docList.data[iNum].id === source.id) {
+                docList.remove(docList.data[iNum].id);
+                state.total--;
+                props.onDocumentData(docData());
+            }
+        }
+        if ((destination === null || destination === void 0 ? void 0 : destination.parentId) === props.id) {
+            const doc = {
+                id: destination.id,
+            };
+            docList.insert(doc, destination.index);
+            state.total++;
+            props.onDocumentData(docData());
+        }
+    }
+    /** props.onDocumentData 需要的数据  */
+    function docData() {
+        const ids = [];
+        docList.data.map((i) => ids.push(i.id));
+        return { documents: state.total, ids: ids };
+    }
+};
+export default observer(SubDocumentList);
 //# sourceMappingURL=index.js.map

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

@@ -1,30 +1,30 @@
-.link-list-page {
-	height: 100%;
-	:global {
-		.link-upload {
-			background: transparent;
-			border: none;
-			border-radius: none;
-			.ant-upload.ant-upload-drag {
-				text-align: left;
-				background: none;
-				border: none;
-			}
-			&.doc-drag-hover.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-updoad-disabled) {
-				border: solid 2px #1890ff;
-			}
-			.ant-upload.ant-upload-drag .ant-upload {
-				padding: 0;
-				width: 100%;
-			}
-			.ant-upload.ant-upload-drag .ant-upload-drag-container {
-				display: block;
-				height: 100%;
-			}
-		}
-		.list-loading {
-			text-align: center;
-			padding: 20px;
-		}
-	}
-}
+.link-list-page {
+	height: 100%;
+	:global {
+		.link-upload {
+			background: transparent;
+			border: none;
+			border-radius: none;
+			.ant-upload.ant-upload-drag {
+				text-align: left;
+				background: none;
+				border: none;
+			}
+			&.doc-drag-hover.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-updoad-disabled) {
+				border: solid 2px #1890ff;
+			}
+			.ant-upload.ant-upload-drag .ant-upload {
+				padding: 0;
+				width: 100%;
+			}
+			.ant-upload.ant-upload-drag .ant-upload-drag-container {
+				display: block;
+				height: 100%;
+			}
+		}
+		.list-loading {
+			text-align: center;
+			padding: 20px;
+		}
+	}
+}

package/es/modules/board/components/SubDocumentList/state.d.ts

@@ -1,23 +1,23 @@
-import { FilterOption, SortParameters } from "@voplus/morpho-data/es/types";
-export declare type SubDocumentListProps = {
-    id: string;
-    /** sub-document length ids */
-    onDocumentData?: (params?: any) => void;
-    /** move 目标数据 */
-    destination?: any;
-    /** move 原数据 */
-    source?: any;
-};
-export declare class State {
-    /** move 目标数据 */
-    destination: any;
-    /** move 原数据 */
-    source: any;
-    /** document list total */
-    total: number;
-    /** filters */
-    filters: FilterOption[];
-    /** Sort */
-    Sort: SortParameters;
-    constructor();
-}
+import { FilterOption, SortParameters } from "@voplus/morpho-data/es/types";
+export declare type SubDocumentListProps = {
+    id: string;
+    /** sub-document length ids */
+    onDocumentData?: (params?: any) => void;
+    /** move 目标数据 */
+    destination?: any;
+    /** move 原数据 */
+    source?: any;
+};
+export declare class State {
+    /** move 目标数据 */
+    destination: any;
+    /** move 原数据 */
+    source: any;
+    /** document list total */
+    total: number;
+    /** filters */
+    filters: FilterOption[];
+    /** Sort */
+    Sort: SortParameters;
+    constructor();
+}

package/es/modules/board/components/SubDocumentList/state.js

@@ -1,58 +1,58 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** move 目标数据 */
-        Object.defineProperty(this, "destination", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** move 原数据 */
-        Object.defineProperty(this, "source", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** document list total */
-        Object.defineProperty(this, "total", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** filters */
-        Object.defineProperty(this, "filters", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** Sort */
-        Object.defineProperty(this, "Sort", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "destination", void 0);
-__decorate([
-    observable
-], State.prototype, "source", void 0);
-__decorate([
-    observable
-], State.prototype, "total", void 0);
-__decorate([
-    observable
-], State.prototype, "filters", void 0);
-__decorate([
-    observable
-], State.prototype, "Sort", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** move 目标数据 */
+        Object.defineProperty(this, "destination", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** move 原数据 */
+        Object.defineProperty(this, "source", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** document list total */
+        Object.defineProperty(this, "total", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** filters */
+        Object.defineProperty(this, "filters", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** Sort */
+        Object.defineProperty(this, "Sort", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "destination", void 0);
+__decorate([
+    observable
+], State.prototype, "source", void 0);
+__decorate([
+    observable
+], State.prototype, "total", void 0);
+__decorate([
+    observable
+], State.prototype, "filters", void 0);
+__decorate([
+    observable
+], State.prototype, "Sort", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/board/pages/BoardViewList/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** The Board Page component with router parameters support. */
-declare const BoardViewList: (props: {
-    id?: string;
-}) => JSX.Element;
-export default BoardViewList;
+/// <reference types="react" />
+/** The Board Page component with router parameters support. */
+declare const BoardViewList: (props: {
+    id?: string;
+}) => JSX.Element;
+export default BoardViewList;

package/es/modules/board/pages/BoardViewList/index.js

@@ -1,53 +1,53 @@
-import { Archive, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import React, { useEffect, useMemo, useState } from "react";
-import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import { observe, useAsideContentContext } from "@voplus/morpho-ui";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import Board from "../../components/Board";
-import BoardPropertiesView from "../../components/BoardPropertiesView";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import NewColumnDocumentForm from "../../components/NewColumnDocumentForm";
-import { State } from "./state";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useBoard } from "../../../../data/board";
-import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
-import { useParams } from "react-router-dom";
-import { useTabItem } from "@voplus/morpho-data";
-/** The Board Page component with router parameters support. */
-const BoardViewList = (props) => {
-    const params = useParams();
-    const id = props.id || params.id || "";
-    const frame = useFrame();
-    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
-    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    const [state] = useState(new State());
-    state.board = useBoard(id, { reload: false });
-    /** set tab title */
-    const tab = useTabItem();
-    useEffect(() => {
-        runInAction(() => { var _a; return (tab.title = (_a = state.board.name) !== null && _a !== void 0 ? _a : "Decument"); });
-    }, []);
-    const AsideElement = React.createElement(BoardPropertiesView, { id: id });
-    const Content = observe(() => (React.createElement("div", { className: "vo-layout-main" },
-        React.createElement(DocumentHeader, { id: id, size: "h3", quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, tools: React.createElement("div", { className: "tools-bar" },
-                React.createElement(ToolBar, { id: id },
-                    React.createElement(Sidebar, { action: () => runInAction(() => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
-                            ? asideContext.closeAside()
-                            : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 })) }),
-                    React.createElement(Archive, null))), descriptionVisible: false }),
-        React.createElement(Board, { parentId: id, onAdd: onAddColumn }))));
-    return observe(() => (React.createElement("div", { className: styles["vo-layout"] },
-        React.createElement(ViewContext.Provider, { value: view }, frame ? Content : React.createElement(AsideContent, { context: asideContext }, Content)))));
-    function onAddColumn(parentId, type, name) {
-        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewColumnDocumentForm, { parentId: parentId, type: type, columnName: name, onCancel: onCancel }), {
-            span: 9,
-        });
-    }
-    function onCancel() {
-        asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside();
-    }
-};
-export default BoardViewList;
+import { Archive, Sidebar } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React, { useEffect, useMemo, useState } from "react";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import Board from "../../components/Board";
+import BoardPropertiesView from "../../components/BoardPropertiesView";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import NewColumnDocumentForm from "../../components/NewColumnDocumentForm";
+import { State } from "./state";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useBoard } from "../../../../data/board";
+import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
+import { useParams } from "react-router-dom";
+import { useTabItem } from "@voplus/morpho-data";
+/** The Board Page component with router parameters support. */
+const BoardViewList = (props) => {
+    const params = useParams();
+    const id = props.id || params.id || "";
+    const frame = useFrame();
+    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const [state] = useState(new State());
+    state.board = useBoard(id, { reload: false });
+    /** set tab title */
+    const tab = useTabItem();
+    useEffect(() => {
+        runInAction(() => { var _a; return (tab.title = (_a = state.board.name) !== null && _a !== void 0 ? _a : "Decument"); });
+    }, []);
+    const AsideElement = React.createElement(BoardPropertiesView, { id: id });
+    const Content = observe(() => (React.createElement("div", { className: "vo-layout-main" },
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, tools: React.createElement("div", { className: "tools-bar" },
+                React.createElement(ToolBar, { id: id },
+                    React.createElement(Sidebar, { action: () => runInAction(() => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
+                            ? asideContext.closeAside()
+                            : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 })) }),
+                    React.createElement(Archive, null))), descriptionVisible: false }),
+        React.createElement(Board, { parentId: id, onAdd: onAddColumn }))));
+    return observe(() => (React.createElement("div", { className: styles["vo-layout"] },
+        React.createElement(ViewContext.Provider, { value: view }, frame ? Content : React.createElement(AsideContent, { context: asideContext }, Content)))));
+    function onAddColumn(parentId, type, name) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewColumnDocumentForm, { parentId: parentId, type: type, columnName: name, onCancel: onCancel }), {
+            span: 9,
+        });
+    }
+    function onCancel() {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside();
+    }
+};
+export default BoardViewList;
 //# sourceMappingURL=index.js.map