@voplus/morpho-document 4.0.3 → 4.0.5

package/es/modules/page/components/FolderItem/state.js

@@ -1,83 +1,83 @@
-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, "shortcut", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** NewDocumentForm */
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** add document type */
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "changeCollapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (collapse) => {
-                this.collapse = collapse;
-            }
-        });
-        makeObservable(this);
-    }
-    /** documentList add Drop down more menus hidden*/
-    cancel() {
-        this.shortcut = false;
-        this.addAble = false;
-    }
-    /** AddDocDropdown(新增type下拉Menu) item click */
-    onItemClick(val) {
-        if (val.toLowerCase() === "shortcut") {
-            this.shortcut = true;
-        }
-        else if (val.toLowerCase() === "upload") {
-            this.type = undefined;
-        }
-        else {
-            this.type = val;
-            this.addAble = true;
-        }
-    }
-}
-__decorate([
-    observable
-], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "shortcut", void 0);
-__decorate([
-    observable
-], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "type", void 0);
-__decorate([
-    action
-    /** change item collapse */
-], State.prototype, "changeCollapse", void 0);
-__decorate([
-    action
-], State.prototype, "cancel", null);
-__decorate([
-    action
-], State.prototype, "onItemClick", null);
+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, "shortcut", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** NewDocumentForm */
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** add document type */
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "changeCollapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (collapse) => {
+                this.collapse = collapse;
+            }
+        });
+        makeObservable(this);
+    }
+    /** documentList add Drop down more menus hidden*/
+    cancel() {
+        this.shortcut = false;
+        this.addAble = false;
+    }
+    /** AddDocDropdown(新增type下拉Menu) item click */
+    onItemClick(val) {
+        if (val.toLowerCase() === "shortcut") {
+            this.shortcut = true;
+        }
+        else if (val.toLowerCase() === "upload") {
+            this.type = undefined;
+        }
+        else {
+            this.type = val;
+            this.addAble = true;
+        }
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "shortcut", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "type", void 0);
+__decorate([
+    action
+    /** change item collapse */
+], State.prototype, "changeCollapse", void 0);
+__decorate([
+    action
+], State.prototype, "cancel", null);
+__decorate([
+    action
+], State.prototype, "onItemClick", null);
 //# sourceMappingURL=state.js.map

package/es/modules/page/components/GraphItem/index.d.ts

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

package/es/modules/page/components/GraphItem/index.js

@@ -1,26 +1,26 @@
-import React, { useEffect } from "react";
-import { autorun, runInAction } from "mobx";
-import GraphViewer from "../../../graph/components/GraphViewer";
-import PageItemHeader from "../PageItemHeader";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { usePageContext } from "../../data";
-const GraphItem = (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-graph-item" },
-        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
-        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
-};
-export default GraphItem;
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import GraphViewer from "../../../graph/components/GraphViewer";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../../data";
+const GraphItem = (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-graph-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
+        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
+};
+export default GraphItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/GraphItem/state.d.ts

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

package/es/modules/page/components/GraphItem/state.js

@@ -1,30 +1,30 @@
-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
-    /** change item collapse */
-], State.prototype, "changeCollapse", void 0);
+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
+    /** change item collapse */
+], State.prototype, "changeCollapse", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/page/components/PageItem/index.d.ts

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

package/es/modules/page/components/PageItem/index.js

@@ -1,19 +1,19 @@
-import "./index.less";
-import { useDocument } from "@voplus/morpho-document-core";
-import FolderItem from "../FolderItem";
-import GraphItem from "../GraphItem";
-import React from "react";
-import ShortcutItem from "../ShortcutItem";
-import TextItem from "../TextItem";
-import { observe } from "@voplus/morpho-ui";
-const PageItem = (props) => {
-    const { id, connectDragSource } = props;
-    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 }),
-        page.type === "Graph" && React.createElement(GraphItem, { id: id, connectDragSource: connectDragSource }),
-        page.type === "Shortcut" && (React.createElement(ShortcutItem, { id: page.target.id, shortcutId: id, connectDragSource: connectDragSource })))));
-};
-export default PageItem;
+import "./index.less";
+import { useDocument } from "@voplus/morpho-document-core";
+import FolderItem from "../FolderItem";
+import GraphItem from "../GraphItem";
+import React from "react";
+import ShortcutItem from "../ShortcutItem";
+import TextItem from "../TextItem";
+import { observe } from "@voplus/morpho-ui";
+const PageItem = (props) => {
+    const { id, connectDragSource } = props;
+    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 }),
+        page.type === "Graph" && React.createElement(GraphItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Shortcut" && (React.createElement(ShortcutItem, { id: page.target.id, shortcutId: id, connectDragSource: connectDragSource })))));
+};
+export default PageItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/PageItem/index.less

@@ -1,36 +1,36 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.page-item {
-		position: relative;
-		background-color: @component-background;
-		//&:not(:last-child) {
-		//border-bottom: 1px solid rgb(228, 230, 232);
-		//}
-	}
-
-	.page-text-item {
-		.ProseMirror-container {
-			min-height: 5rem;
-		}
-		> .padding-top-10 {
-			// this is the class from prosemirror editor
-			padding: 0;
-			margin-top: -1px;
-			.ProseMirror-container {
-				border: 0;
-			}
-		}
-		.folder-document-list {
-			height: 350px;
-		}
-		.panable {
-			min-height: 200px;
-		}
-		.folder-item-add {
-			.ant-form-item {
-				margin-bottom: 0;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.page-item {
+		position: relative;
+		background-color: @component-background;
+		//&:not(:last-child) {
+		//border-bottom: 1px solid rgb(228, 230, 232);
+		//}
+	}
+
+	.page-text-item {
+		.ProseMirror-container {
+			min-height: 5rem;
+		}
+		> .padding-top-10 {
+			// this is the class from prosemirror editor
+			padding: 0;
+			margin-top: -1px;
+			.ProseMirror-container {
+				border: 0;
+			}
+		}
+		.folder-document-list {
+			height: 350px;
+		}
+		.panable {
+			min-height: 200px;
+		}
+		.folder-item-add {
+			.ant-form-item {
+				margin-bottom: 0;
+			}
+		}
+	}
+}

package/es/modules/page/components/PageItemHeader/index.d.ts

@@ -1,14 +1,14 @@
-import "./index.less";
-import { ReactNode } from "react";
-declare const PageItemHeader: (props: {
-    id: string;
-    collapse: boolean;
-    connectDragSource?: any;
-    changeCollapse?: ((collapse: boolean) => void) | undefined;
-    /** Open new tab button */
-    openVisible?: boolean | undefined;
-    /** show icon */
-    iconVisible?: boolean | undefined;
-    preToolBar?: ReactNode;
-}) => JSX.Element;
-export default PageItemHeader;
+import "./index.less";
+import { ReactNode } from "react";
+declare const PageItemHeader: (props: {
+    id: string;
+    collapse: boolean;
+    connectDragSource?: any;
+    changeCollapse?: ((collapse: boolean) => void) | undefined;
+    /** Open new tab button */
+    openVisible?: boolean | undefined;
+    /** show icon */
+    iconVisible?: boolean | undefined;
+    preToolBar?: ReactNode;
+}) => JSX.Element;
+export default PageItemHeader;

package/es/modules/page/components/PageItemHeader/index.js

@@ -1,41 +1,41 @@
-import "./index.less";
-import { Button, Tooltip } from "antd";
-import { Open, Versions } from "../../../../controls/ToolBar/buttons";
-import React, { useEffect, useState } from "react";
-import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
-import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
-import DocumentHeader from "../../../../components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { State } from "./state";
-import ToolBar from "../../../../controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const PageItemHeader = (props) => {
-    const { id, connectDragSource, collapse, iconVisible } = props;
-    const meta = useMetaStore();
-    const [state] = useState(new State());
-    const document = useDocument(id);
-    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 }))))),
-            iconVisible && React.createElement("span", { className: "page-icon" }, meta.getIcon(document))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
-            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
-                props.preToolBar,
-                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
-                    React.createElement(Button, { type: "link", onClick: changeCollapse },
-                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
-                props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
-                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;
+import "./index.less";
+import { Button, Tooltip } from "antd";
+import { Open, Versions } from "../../../../controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const PageItemHeader = (props) => {
+    const { id, connectDragSource, collapse, iconVisible } = props;
+    const meta = useMetaStore();
+    const [state] = useState(new State());
+    const document = useDocument(id);
+    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 }))))),
+            iconVisible && React.createElement("span", { className: "page-icon" }, meta.getIcon(document))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
+            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                props.preToolBar,
+                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
+                    React.createElement(Button, { type: "link", onClick: changeCollapse },
+                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
+                props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
+                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/modules/page/components/PageItemHeader/index.less

@@ -1,34 +1,34 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.page-item-header {
-		background-color: transparent;
-		.document-pre {
-			display: inline-flex !important;
-			margin-right: 0 !important;
-			line-height: unset !important;
-			> div {
-				margin-right: 0.5rem;
-			}
-			.page-icon {
-				font-size: 20px;
-				color: @primary-color;
-				margin-right: 0.3em;
-			}
-			.page-move {
-				color: lightgray;
-				cursor: move;
-				font-size: 50%;
-				svg {
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-
-	.page-item-tools {
-		> * {
-			display: inline-block;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.page-item-header {
+		background-color: transparent;
+		.document-pre {
+			display: inline-flex !important;
+			margin-right: 0 !important;
+			line-height: unset !important;
+			> div {
+				margin-right: 0.5rem;
+			}
+			.page-icon {
+				font-size: 20px;
+				color: @primary-color;
+				margin-right: 0.3em;
+			}
+			.page-move {
+				color: lightgray;
+				cursor: move;
+				font-size: 50%;
+				svg {
+					vertical-align: middle;
+				}
+			}
+		}
+	}
+
+	.page-item-tools {
+		> * {
+			display: inline-block;
+		}
+	}
+}

package/es/modules/page/components/PageItemHeader/state.d.ts

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