@voplus/morpho-document 1.2.0-dev29 → 1.2.0-dev31

package/es/controls/DocumentMenu/items/OpenTreeView.js

@@ -3,6 +3,7 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import Routes from "../../../routes";
 import { faFolderTree } from "@fortawesome/pro-light-svg-icons";
+import { runInAction } from "mobx";
 import { useDocumentMenuContext } from "@voplus/morpho-document-core";
 import { useLayout } from "@voplus/morpho-data";
 const OpenTreeView = (props) => {
@@ -13,7 +14,9 @@ const OpenTreeView = (props) => {
         React.createElement(FAIcon, { icon: faFolderTree }),
         React.createElement("span", null, "Open Tree View")));
     function onClick() {
-        !!action ? action() : layout.history.push(Routes.TreeViewPage.getUrl(context.id));
+        !!action
+            ? action()
+            : runInAction(() => layout.history.push(Routes.TreeViewPage.getUrl(context.id)));
     }
 };
 export default OpenTreeView;

package/es/controls/DocumentMenu/items/OpenTreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenTreeView.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/OpenTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,KAKrB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IAEzC,OAAO,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI;QAC9B,mDAA2B,CACnB,CACT,CAAC;IACF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACnF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OpenTreeView.js","sourceRoot":"","sources":["../../../../src/controls/DocumentMenu/items/OpenTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,KAKrB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IAEzC,OAAO,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI;QAC9B,mDAA2B,CACnB,CACT,CAAC;IACF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM;YACP,CAAC,CAAC,MAAM,EAAE;YACV,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/controls/ToolBar/buttons/UpLevel.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const UpLevel: {
+    (props: {
+        /**  */
+        id: string;
+        /** size of Button */
+        size?: "small" | "middle" | "large" | undefined;
+        /** disabled Button */
+        disabled?: boolean | undefined;
+        /** function of Click */
+        action?: ((context?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default UpLevel;

package/es/controls/ToolBar/buttons/UpLevel.js

@@ -0,0 +1,27 @@
+import { Button, Tooltip } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faFolderOpen } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useLayout } from "@voplus/morpho-data";
+import { useMetaStore } from "../../../data";
+const UpLevel = (props) => {
+    const { id, size, disabled, action } = props;
+    const layout = useLayout();
+    const meta = useMetaStore();
+    const document = useDocument(id);
+    const parent = useDocument(document.parentId);
+    return observe(() => document.parentId ? (React.createElement(Tooltip, { title: "Open Up-level Folder" },
+        React.createElement(Button, { size: size, shape: "circle", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: faFolderOpen })))) : null);
+    function onClick() {
+        !!action ? action() : runInAction(() => layout.history.push(meta.getRoute(parent)));
+    }
+};
+UpLevel.defaultProps = {
+    size: "small",
+};
+export default UpLevel;
+//# sourceMappingURL=UpLevel.js.map

package/es/controls/ToolBar/buttons/UpLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpLevel.js","sourceRoot":"","sources":["../../../../src/controls/ToolBar/buttons/UpLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,OAAO,GAAG,CAAC,KAShB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAe,CAAC,CAAC;IAErD,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,oBAAC,OAAO,IAAC,KAAK,EAAC,sBAAsB;QACpC,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;YACtE,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,CACtB,CACA,CACV,CAAC,CAAC,CAAC,IAAI,CACR,CAAC;IACF,SAAS,OAAO;QACf,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC;AACF,CAAC,CAAC;AACF,OAAO,CAAC,YAAY,GAAG;IACtB,IAAI,EAAE,OAAO;CACb,CAAC;AACF,eAAe,OAAO,CAAC"}

package/es/controls/ToolBar/buttons/index.d.ts

@@ -8,3 +8,4 @@ export { default as Restore } from "./Restore";
 export { default as Sidebar } from "./Sidebar";
 export { default as Versions } from "./Versions";
 export { default as Edit } from "./Edit";
+export { default as UpLevel } from "./UpLevel";

package/es/controls/ToolBar/buttons/index.js

@@ -8,4 +8,5 @@ export { default as Restore } from "./Restore";
 export { default as Sidebar } from "./Sidebar";
 export { default as Versions } from "./Versions";
 export { default as Edit } from "./Edit";
+export { default as UpLevel } from "./UpLevel";
 //# sourceMappingURL=index.js.map

package/es/controls/ToolBar/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/ToolBar/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/ToolBar/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/es/pages/Page/FolderItem/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const FolderItem: (props: {
+    id: string;
+    connectDragSource?: any;
+}) => JSX.Element;
+export default FolderItem;

package/es/pages/Page/FolderItem/index.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import DocumentList from "../../../components/DocumentList";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../data";
+const FolderItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse }),
+        !state.collapse && React.createElement(DocumentList, { id: id, header: true, className: "folder-document-list" }))));
+};
+export default FolderItem;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/FolderItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/FolderItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,UAAU,GAAG,CAAC,KAA8C,EAAE,EAAE;IACrE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B;QAChD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,GACnC;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,GAAG,CACtF,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/pages/Page/FolderItem/state.d.ts

@@ -0,0 +1,7 @@
+import { IPageItemState } from "../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    constructor();
+    changeCollapse: (collapse: boolean) => void;
+}

package/es/pages/Page/FolderItem/state.js

@@ -0,0 +1,29 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** collapse PageTextItem */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "changeCollapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (collapse) => {
+                this.collapse = collapse;
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    action
+], State.prototype, "changeCollapse", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Page/FolderItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/FolderItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAIjB;QAHA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QAQpC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAXY;IAAX,UAAU;uCAAyB;AAQpC;IAFC,MAAM;6CAIL"}

package/es/pages/Page/PageDefaultView/index.js

@@ -12,6 +12,7 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import PageItems from "../PageItems";
 import ToolBar from "../../../controls/ToolBar/ToolBar2";
 import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import { useRouteMatch } from "react-router";
 import { useTabItem } from "@voplus/morpho-data";
 const PageDefaultView = (props) => {
@@ -23,7 +24,7 @@ const PageDefaultView = (props) => {
     const page = usePage(id, { reload: true, includes: "tags,versions" });
     const tab = useTabItem();
     useEffect(() => {
-        tab.title = page.name;
+        runInAction(() => (tab.title = page.name));
     }, [page === null || page === void 0 ? void 0 : page.name]);
     useEffect(() => {
         if (expand)
@@ -61,7 +62,7 @@ const PageDefaultView = (props) => {
     }
 };
 PageDefaultView.defaultProps = {
-    expand: true,
+    expand: false,
 };
 export default PageDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/Page/PageDefaultView/index.js.map

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

package/es/pages/Page/PageItem/index.js

@@ -1,37 +1,15 @@
 import "./index.less";
-import { Button, Tooltip } from "@voplus/antd";
-import { Versions } from "../../../controls/ToolBar/buttons";
-import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
-import DocumentHeader from "../../../components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FolderItem from "../FolderItem";
 import React from "react";
-import { State } from "./state";
-import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
-import ToolBar from "../../../controls/ToolBar/ToolBar2";
-import classnames from "classnames";
+import TextItem from "../TextItem";
 import { observe } from "@voplus/morpho-ui";
 import { useDocument } from "@voplus/morpho-document-core";
-import { usePageContext } from "../data";
 const PageItem = (props) => {
     const { id, connectDragSource } = props;
-    const context = usePageContext();
-    const state = context.getState(id, () => new State());
-    const text = useDocument(props.id);
-    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
-        React.createElement(DocumentHeader, { id: id, className: "page-item-header", size: "h2", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null, state.over && connectDragSource && (React.createElement("div", { className: "page-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
-                React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
-                    React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
-                        React.createElement(Button, { size: "middle", shape: "circle", onClick: state.changeCollapse },
-                            React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
-                    React.createElement(Versions, { size: "middle" }))) }),
-        !state.collapse && (React.createElement(TextEditor2, { id: id, proseMirrorProps: {
-                className: classnames("padding-top-10"),
-                readonly: state.textOnly || text.readonly,
-                onClick: () => (state.textOnly = text.readonly || false),
-                onBlur: () => (state.textOnly = true),
-                showNoContent: true,
-                scroll: false,
-            } })))));
+    const page = useDocument(props.id);
+    return observe(() => (React.createElement(React.Fragment, null,
+        page.type === "Text" && React.createElement(TextItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Document" && React.createElement(FolderItem, { id: id, connectDragSource: connectDragSource }))));
 };
 export default PageItem;
 //# sourceMappingURL=index.js.map

package/es/pages/Page/PageItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItem/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,QAAQ,GAAG,CAAC,KAA8C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;QACb,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,GAAI;QAClF,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACzE,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/pages/Page/PageItem/index.less

@@ -2,25 +2,7 @@
 :global {
 	.page-item {
 		position: relative;
-		background-color: @component-background;
-		.document-header-default {
-			background-color: transparent;
-			.document-pre {
-				margin-right: 0 !important;
-				line-height: unset !important;
-				> div {
-					margin-right: 0.5rem;
-				}
-				.page-move {
-					color: lightgray;
-					cursor: move;
-					font-size: 50%;
-					svg {
-						vertical-align: middle;
-					}
-				}
-			}
-		}		
+		background-color: @component-background;	
 		//&:not(:last-child) {
 		//border-bottom: 1px solid rgb(228, 230, 232);
 		//}
@@ -38,11 +20,8 @@
 				border: 0;
 			}
 		}
-	}
-
-	.page-item-tools {
-		> * {
-			display: inline-block;
+		.folder-document-list{
+			height: 350px;
 		}
 	}
 }

package/es/pages/Page/PageItemHeader/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+declare const PageItemHeader: (props: {
+    id: string;
+    collapse: boolean;
+    connectDragSource?: any;
+    changeCollapse?: ((collapse: boolean) => void) | undefined;
+}) => JSX.Element;
+export default PageItemHeader;

package/es/pages/Page/PageItemHeader/index.js

@@ -0,0 +1,34 @@
+import "./index.less";
+import { Button, Tooltip } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import DocumentHeader from "../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import ToolBar from "../../../controls/ToolBar/ToolBar2";
+import { Versions } from "../../../controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const PageItemHeader = (props) => {
+    const { id, connectDragSource, collapse } = props;
+    const [state] = useState(new State());
+    useEffect(() => {
+        runInAction(() => (state.collapse = collapse));
+    }, [collapse]);
+    return observe(() => (React.createElement(DocumentHeader, { id: id, className: "page-item-header", size: "h2", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null, state.over && connectDragSource && (React.createElement("div", { className: "page-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
+            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
+                    React.createElement(Button, { size: "middle", shape: "circle", onClick: changeCollapse },
+                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
+                React.createElement(Versions, { size: "middle" }))) })));
+    /** change item collapse */
+    function changeCollapse() {
+        runInAction(() => {
+            var _a;
+            state.collapse = !state.collapse;
+            (_a = props.changeCollapse) === null || _a === void 0 ? void 0 : _a.call(props, state.collapse);
+        });
+    }
+};
+export default PageItemHeader;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/PageItemHeader/index.js.map

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

package/es/pages/Page/PageItemHeader/index.less

@@ -0,0 +1,27 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.page-item-header {
+		background-color: transparent;
+		.document-pre {
+			margin-right: 0 !important;
+			line-height: unset !important;
+			> div {
+				margin-right: 0.5rem;
+			}
+			.page-move {
+				color: lightgray;
+				cursor: move;
+				font-size: 50%;
+				svg {
+					vertical-align: middle;
+				}
+			}
+		}
+	}
+	
+	.page-item-tools {
+		> * {
+			display: inline-block;
+		}
+	}
+}

package/es/pages/Page/PageItemHeader/state.d.ts

@@ -0,0 +1,8 @@
+import { IPageItemState } from "../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    /** over of MouseOver */
+    over: boolean;
+    constructor();
+}

package/es/pages/Page/PageItemHeader/state.js

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** collapse PageTextItem */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** over of MouseOver */
+        Object.defineProperty(this, "over", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "over", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Page/PageItemHeader/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItemHeader/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAU,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAMjB;QALA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QACpC,wBAAwB;QACZ;;;;mBAAc,KAAK;WAAC;QAG/B,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAPY;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;mCAAqB"}

package/es/pages/Page/PageItems/index.js

@@ -38,7 +38,10 @@ const PageItems = (props) => {
         React.createElement(PlusDropDown, { className: classnames("plus-icon-position", { hide: state.addAble || !!readonly }), menu: React.createElement(Menu, { onClick: state.selectType },
                 React.createElement(Menu.Item, { key: "Text", style: { fontSize: "15px" } },
                     meta.getIcon({ type: "Text" }),
-                    " Text")) }))));
+                    " Text"),
+                React.createElement(Menu.Item, { key: "Document", style: { fontSize: "15px" } },
+                    meta.getIcon({ type: "Folder" }),
+                    " Folder")) }))));
     /** document sort */
     async function moveAfter(id, afterId, list) {
         await documentStore.moveAfter(id, afterId);

package/es/pages/Page/PageItems/index.js.map

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

package/es/pages/Page/TextItem/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const TextItem: (props: {
+    id: string;
+    connectDragSource?: any;
+}) => JSX.Element;
+export default TextItem;

package/es/pages/Page/TextItem/index.js

@@ -0,0 +1,36 @@
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { usePageContext } from "../data";
+const TextItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    const text = useDocument(props.id);
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse }),
+        !state.collapse && (React.createElement(TextEditor2, { id: id, proseMirrorProps: {
+                className: classnames("padding-top-10"),
+                readonly: state.textOnly || text.readonly,
+                onClick: () => runInAction(() => (state.textOnly = text.readonly || false)),
+                onBlur: () => runInAction(() => (state.textOnly = true)),
+                showNoContent: true,
+                scroll: false,
+            } })))));
+};
+export default TextItem;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/TextItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/TextItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,QAAQ,GAAG,CAAC,KAA8C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B;QAChD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,GACnC;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,CACnB,oBAAC,WAAW,IACX,EAAE,EAAE,EAAE,EACN,gBAAgB,EAAE;gBACjB,SAAS,EAAE,UAAU,CAAC,gBAAgB,CAAC;gBACvC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;gBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;gBAC3E,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;gBACxD,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,KAAK;aACb,GACA,CACF,CACI,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/pages/Page/{PageItem → TextItem}/state.d.ts

@@ -2,10 +2,8 @@ import { IPageItemState } from "../data/IPageItemState";
 export declare class State implements IPageItemState {
     /** collapse PageTextItem */
     collapse: boolean;
-    /** over of MouseOver */
-    over: boolean;
     /** readOnly of TextEditor */
     textOnly: boolean;
     constructor();
-    changeCollapse: () => void;
+    changeCollapse: (collapse: boolean) => void;
 }

package/es/pages/Page/{PageItem → TextItem}/state.js

@@ -9,13 +9,6 @@ export class State {
             writable: true,
             value: false
         });
-        /** over of MouseOver */
-        Object.defineProperty(this, "over", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
         /** readOnly of TextEditor */
         Object.defineProperty(this, "textOnly", {
             enumerable: true,
@@ -27,8 +20,8 @@ export class State {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                this.collapse = !this.collapse;
+            value: (collapse) => {
+                this.collapse = collapse;
             }
         });
         makeObservable(this);
@@ -37,9 +30,6 @@ export class State {
 __decorate([
     observable
 ], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "over", void 0);
 __decorate([
     observable
 ], State.prototype, "textOnly", void 0);

package/es/pages/Page/TextItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/TextItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAMjB;QALA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QACpC,6BAA6B;QACjB;;;;mBAAkB,IAAI;WAAC;QAQnC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAbY;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;uCAAwB;AAQnC;IAFC,MAAM;6CAIL"}

package/es/pages/Page/data/PageContext.d.ts

@@ -3,12 +3,18 @@ import { IPageItemState } from "./IPageItemState";
 export declare class PageContextState {
     /** All page item states. */
     private states;
+    /** The data of the list. */
+    _data: {
+        id: string;
+        collapse: boolean;
+    }[];
     constructor();
     /** Try to get an existing page state or create a new one if it's not already exists.
      * @param key - Key of the page options state.
      * @param factory - factor to create a new option state.
      */
     getState<T extends IPageItemState>(key: string, factory: () => T): T;
+    setCollapse(id: string, collapse: boolean): void;
     /** collapse or expand all page items. */
     collapse(collapse: boolean): void;
     /** whether all page items being collapsed. */