@voplus/morpho-document 1.4.99 → 1.4.101

package/es/pages/Library/LibraryDefaultView/Content.js

@@ -1,24 +1,24 @@
-import React from "react";
-import { useDocument } from "@voplus/morpho-document-core";
-import DescriptionEditor from "../../../controls/DescriptionEditor";
-import DocumentCardList from "../../../components/DocumentCardList";
-import DocumentHeader from "../../../components/DocumentHeader";
-import { Skeleton } from "@voplus/antd";
-import { useMetaStore } from "../../../data";
-import { observe } from "@voplus/morpho-ui";
-const Content = (props) => {
-    const doc = useDocument(props.contentId, { reload: (i) => !i.path, includes: "tags,path" });
-    const metas = useMetaStore();
-    const DefaultView = observe(() => React.createElement(React.Fragment, null,
-        React.createElement("header", null,
-            React.createElement(DocumentHeader, { id: props.contentId, size: "h2", clickNameEffect: "edit", autoSaveName: true }),
-            doc.loading ? (React.createElement("div", { className: "document-description" },
-                React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: props.contentId, description: doc.description, readonly: doc.readonly, padding: "0 0 0.75rem 0" }))),
-        React.createElement(DocumentCardList, { id: props.contentId, cardProps: { headerProps: { clickNameEffect: "nothing" } }, onCardDoubleClick: props.onOpen })));
-    return observe(() => {
-        var _a;
-        return (React.createElement("div", { className: "library-default-view_content" }, !doc || !doc.loaded ? (React.createElement(Skeleton, null)) : (React.createElement(React.Fragment, null, doc.type !== "Library" ? (_a = metas.getDefaultView(doc)) !== null && _a !== void 0 ? _a : DefaultView : DefaultView))));
-    });
-};
-export default Content;
+import React from "react";
+import { useDocument } from "@voplus/morpho-document-core";
+import DescriptionEditor from "../../../controls/DescriptionEditor";
+import DocumentCardList from "../../../components/DocumentCardList";
+import DocumentHeader from "../../../components/DocumentHeader";
+import { Skeleton } from "@voplus/antd";
+import { useMetaStore } from "../../../data";
+import { observe } from "@voplus/morpho-ui";
+const Content = (props) => {
+    const doc = useDocument(props.contentId, { reload: (i) => !i.path, includes: "tags,path" });
+    const metas = useMetaStore();
+    const DefaultView = observe(() => React.createElement(React.Fragment, null,
+        React.createElement("header", null,
+            React.createElement(DocumentHeader, { id: props.contentId, size: "h2", clickNameEffect: "edit", autoSaveName: true }),
+            doc.loading ? (React.createElement("div", { className: "document-description" },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: props.contentId, description: doc.description, readonly: doc.readonly, padding: "0 0 0.75rem 0" }))),
+        React.createElement(DocumentCardList, { id: props.contentId, cardProps: { headerProps: { clickNameEffect: "nothing" } }, onCardDoubleClick: props.onOpen })));
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "library-default-view_content" }, !doc || !doc.loaded ? (React.createElement(Skeleton, null)) : (React.createElement(React.Fragment, null, doc.type !== "Library" ? (_a = metas.getDefaultView(doc)) !== null && _a !== void 0 ? _a : DefaultView : DefaultView))));
+    });
+};
+export default Content;
 //# sourceMappingURL=Content.js.map

package/es/pages/Library/LibraryDefaultView/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-/** The Library Page component with router parameters support. */
-declare const LibraryDefaultView: ({ id }: {
-    id: string;
-}) => JSX.Element;
-export default LibraryDefaultView;
+/// <reference types="react" />
+import "./index.less";
+/** The Library Page component with router parameters support. */
+declare const LibraryDefaultView: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default LibraryDefaultView;

package/es/pages/Library/LibraryDefaultView/index.js

@@ -1,97 +1,97 @@
-import "./index.less";
-import { Breadcrumb, Menu, Tooltip } from "@voplus/antd";
-import { DownSquareOutlined, UpSquareOutlined } from "@ant-design/icons";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import React, { useEffect, useState } from "react";
-import { useMetaStore } from "../../../data";
-import { useLayout, useTabItem } from "@voplus/morpho-data";
-import Content from "./Content";
-import DocumentSortableTree from "../../../components/DocumentSortableTree";
-import FileExplorerTheme from "../../../components/DocumentSortableTree/themes/FileExplorerTheme";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import NewDocumentForm from "../../../components/NewDocumentForm";
-import PlusDropDown from "../../../modules/page/components/PlusDropDown";
-import Routes from "../../../routes";
-import { SearchOutlined } from "@ant-design/icons";
-import { State } from "./state";
-import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
-import Title from "@voplus/antd/es/typography/Title";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useLibrary } from "../data";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-/** The Library Page component with router parameters support. */
-const LibraryDefaultView = ({ id }) => {
-    var _a, _b;
-    const layout = useLayout();
-    const library = useLibrary(id, { reload: true, includes: "tags" });
-    const store = useDocumentStore();
-    const meta = useMetaStore();
-    const tab = useTabItem();
-    useEffect(() => {
-        tab.title = library.name;
-    }, [library === null || library === void 0 ? void 0 : library.name]);
-    const [state] = useState(new State(id, store));
-    const query = new URLSearchParams(layout.history.location.search);
-    const current = (_a = query.get("current")) !== null && _a !== void 0 ? _a : undefined;
-    const frameActive = (_b = query.get("active")) !== null && _b !== void 0 ? _b : undefined;
-    if (current)
-        runInAction(() => (state.contentId = current || ""));
-    useRenderOnChange(() => state.filterType);
-    return observe(() => (React.createElement(MainContent, { className: "library-default-view" },
-        React.createElement(MainContent.Nav, { collapsible: true },
-            React.createElement("div", { className: "toc-tree-header" },
-                React.createElement("div", null,
-                    React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, null), allowClear: true, onIdle: (e) => (state.filterType = { c: "Name", o: "contains", v1: e, l: "And" }) })),
-                React.createElement(Tooltip, { title: state.collapse ? "Expand All" : "Collapse All" },
-                    React.createElement("span", { className: "collapse-icon", onClick: () => {
-                            state.collapse = !state.collapse;
-                        } }, state.collapse ? React.createElement(DownSquareOutlined, null) : React.createElement(UpSquareOutlined, null))),
-                React.createElement(PlusDropDown, { menu: React.createElement(Menu, { onClick: state.selectType }, ["Document", "Page", "Text"].map((x) => (React.createElement(Menu.Item, { key: x, disabled: state.currentType.includes(x) },
-                        meta.getIcon({ type: x }),
-                        " ",
-                        x == "Document" ? "Folder" : x)))) })),
-            React.createElement(Title, null,
-                React.createElement("span", { onClick: () => onClickDoc(library.id) }, library.name)),
-            React.createElement(DocumentSortableTree, { id: id, active: state.contentId, canDrag: false, defaultRoot: true, filterType: state.filterType, theme: FileExplorerTheme, onDocumentSelected: onClickDoc, toggleExpanded: state.collapse }),
-            state.addAble ? (React.createElement(React.Fragment, null,
-                !!(state.directory && state.directory.length) && (React.createElement(Breadcrumb, null, state.directory.map((b) => (React.createElement(Breadcrumb.Item, { key: b.id, onClick: () => onClickDoc(b.id) }, b.name))))),
-                React.createElement(NewDocumentForm, { parentId: state.parentId, type: state.type, onCancel: () => (state.addAble = false) }))) : (React.createElement(React.Fragment, null))),
-        React.createElement(Content, { id: id, contentId: state.contentId, onOpen: onClickDoc }))));
-    function onClickDoc(docId) {
-        runInAction(() => {
-            const document = store.items.peek(docId);
-            const parent = document.parentNodeId && store.items.has(document.parentNodeId)
-                ? store.items.peek(document.parentNodeId)
-                : {};
-            /** 新增文件目录type为'Page'时，只能create Text */
-            state.currentType = document.type === "Page" || parent.type === "Page" ? "Document,Page" : "";
-            if (document.type === "Page" || parent.type === "Page")
-                state.type = "Text";
-            /** 新增文件存放目录id */
-            state.parentId = document.type === "Text" ? parent.id : docId;
-            if (document.type === "Text") {
-                /** 若Text 的 parentNode type 为 "Page", Content 显示PageDefaultView*/
-                layout.history.push(Routes.LibraryDefaultView.getUrl(id, frameActive, parent.type === "Page" ? parent.id : docId));
-                state.contentId = parent.type === "Page" ? parent.id : docId;
-            }
-            else {
-                layout.history.push(Routes.LibraryDefaultView.getUrl(id, frameActive, docId));
-                state.contentId = docId;
-            }
-            scrollToAnchor(docId);
-        });
-    }
-    function scrollToAnchor(anchorName) {
-        if (anchorName) {
-            // 查找锚点
-            const anchorElement = document.getElementById(anchorName);
-            // 如果对应id的锚点存在，跳转到锚点
-            if (anchorElement) {
-                anchorElement.scrollIntoView({ block: "start", behavior: "smooth" });
-            }
-        }
-    }
-};
-export default LibraryDefaultView;
+import "./index.less";
+import { Breadcrumb, Menu, Tooltip } from "@voplus/antd";
+import { DownSquareOutlined, UpSquareOutlined } from "@ant-design/icons";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useEffect, useState } from "react";
+import { useMetaStore } from "../../../data";
+import { useLayout, useTabItem } from "@voplus/morpho-data";
+import Content from "./Content";
+import DocumentSortableTree from "../../../components/DocumentSortableTree";
+import FileExplorerTheme from "../../../components/DocumentSortableTree/themes/FileExplorerTheme";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import NewDocumentForm from "../../../components/NewDocumentForm";
+import PlusDropDown from "../../../modules/page/components/PlusDropDown";
+import Routes from "../../../routes";
+import { SearchOutlined } from "@ant-design/icons";
+import { State } from "./state";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import Title from "@voplus/antd/es/typography/Title";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLibrary } from "../data";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+/** The Library Page component with router parameters support. */
+const LibraryDefaultView = ({ id }) => {
+    var _a, _b;
+    const layout = useLayout();
+    const library = useLibrary(id, { reload: true, includes: "tags" });
+    const store = useDocumentStore();
+    const meta = useMetaStore();
+    const tab = useTabItem();
+    useEffect(() => {
+        tab.title = library.name;
+    }, [library === null || library === void 0 ? void 0 : library.name]);
+    const [state] = useState(new State(id, store));
+    const query = new URLSearchParams(layout.history.location.search);
+    const current = (_a = query.get("current")) !== null && _a !== void 0 ? _a : undefined;
+    const frameActive = (_b = query.get("active")) !== null && _b !== void 0 ? _b : undefined;
+    if (current)
+        runInAction(() => (state.contentId = current || ""));
+    useRenderOnChange(() => state.filterType);
+    return observe(() => (React.createElement(MainContent, { className: "library-default-view" },
+        React.createElement(MainContent.Nav, { collapsible: true },
+            React.createElement("div", { className: "toc-tree-header" },
+                React.createElement("div", null,
+                    React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, null), allowClear: true, onIdle: (e) => (state.filterType = { c: "Name", o: "contains", v1: e, l: "And" }) })),
+                React.createElement(Tooltip, { title: state.collapse ? "Expand All" : "Collapse All" },
+                    React.createElement("span", { className: "collapse-icon", onClick: () => {
+                            state.collapse = !state.collapse;
+                        } }, state.collapse ? React.createElement(DownSquareOutlined, null) : React.createElement(UpSquareOutlined, null))),
+                React.createElement(PlusDropDown, { menu: React.createElement(Menu, { onClick: state.selectType }, ["Document", "Page", "Text"].map((x) => (React.createElement(Menu.Item, { key: x, disabled: state.currentType.includes(x) },
+                        meta.getIcon({ type: x }),
+                        " ",
+                        x == "Document" ? "Folder" : x)))) })),
+            React.createElement(Title, null,
+                React.createElement("span", { onClick: () => onClickDoc(library.id) }, library.name)),
+            React.createElement(DocumentSortableTree, { id: id, active: state.contentId, canDrag: false, defaultRoot: true, filterType: state.filterType, theme: FileExplorerTheme, onDocumentSelected: onClickDoc, toggleExpanded: state.collapse }),
+            state.addAble ? (React.createElement(React.Fragment, null,
+                !!(state.directory && state.directory.length) && (React.createElement(Breadcrumb, null, state.directory.map((b) => (React.createElement(Breadcrumb.Item, { key: b.id, onClick: () => onClickDoc(b.id) }, b.name))))),
+                React.createElement(NewDocumentForm, { parentId: state.parentId, type: state.type, onCancel: () => (state.addAble = false) }))) : (React.createElement(React.Fragment, null))),
+        React.createElement(Content, { id: id, contentId: state.contentId, onOpen: onClickDoc }))));
+    function onClickDoc(docId) {
+        runInAction(() => {
+            const document = store.items.peek(docId);
+            const parent = document.parentNodeId && store.items.has(document.parentNodeId)
+                ? store.items.peek(document.parentNodeId)
+                : {};
+            /** 新增文件目录type为'Page'时，只能create Text */
+            state.currentType = document.type === "Page" || parent.type === "Page" ? "Document,Page" : "";
+            if (document.type === "Page" || parent.type === "Page")
+                state.type = "Text";
+            /** 新增文件存放目录id */
+            state.parentId = document.type === "Text" ? parent.id : docId;
+            if (document.type === "Text") {
+                /** 若Text 的 parentNode type 为 "Page", Content 显示PageDefaultView*/
+                layout.history.push(Routes.LibraryDefaultView.getUrl(id, frameActive, parent.type === "Page" ? parent.id : docId));
+                state.contentId = parent.type === "Page" ? parent.id : docId;
+            }
+            else {
+                layout.history.push(Routes.LibraryDefaultView.getUrl(id, frameActive, docId));
+                state.contentId = docId;
+            }
+            scrollToAnchor(docId);
+        });
+    }
+    function scrollToAnchor(anchorName) {
+        if (anchorName) {
+            // 查找锚点
+            const anchorElement = document.getElementById(anchorName);
+            // 如果对应id的锚点存在，跳转到锚点
+            if (anchorElement) {
+                anchorElement.scrollIntoView({ block: "start", behavior: "smooth" });
+            }
+        }
+    }
+};
+export default LibraryDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/Library/LibraryDefaultView/index.less

@@ -0,0 +1,124 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.library-default-view {
+		header {
+			z-index: 1;
+		}
+		nav {
+			h1 {
+				margin: 1rem 0.5rem 0 20px;
+				span {
+					cursor: pointer;
+				}
+			}
+			font-size: 1.15em;
+			box-shadow: 2px 2px 5px #e8e8e8 !important; //2px 0 8px 0px rgba(0, 0, 0, 0.15) !important;
+			.main-nav-container {
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+				max-width: 30vw;
+				.ant-breadcrumb {
+					padding: 7px 10px;
+					color: #666;
+					border-top: 1px #f2f2f2 solid;
+					.ant-breadcrumb-link {
+						cursor: pointer;
+						&:hover {
+							color: @primary-color;
+						}
+					}
+					& > span:last-child {
+						color: #000;
+					}
+				}
+			}
+			.sub-document-simply-form {
+				padding: 0 10px;
+				.detailed {
+					display: none;
+				}
+			}
+		}
+		overflow: hidden;
+		.toc-tree-header {
+			position: relative;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			.collapse-icon {
+				font-size: 24px;
+				line-height: 25px;
+				font-weight: 500;
+				color: #000;
+			}
+			.ant-input-affix-wrapper {
+				max-width: 250px;
+				border-radius: 15px;
+			}
+			.collapse-icon {
+				font-size: 20px;
+				line-height: 20px;
+				color: #666;
+				margin: 0 10px;
+			}
+			.collapse-icon,
+			.plus-icon {
+				vertical-align: middle;
+			}
+			.plus-icon {
+				line-height: 20px;
+			}
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.rst__tree {
+			padding: 10px 0;
+			.row {
+				white-space: inherit;
+			}
+			.file-tree-item {
+				align-items: normal;
+			}
+			.file-type {
+				font-size: 15px;
+				display: block;
+				padding-top: 2px;
+			}
+			.document-name-info .file-name {
+				font-size: 16px;
+				display: block;
+				width: 230px;
+				word-wrap: break-word;
+			}
+			.doc-spin,
+			.expandButton,
+			.collapseButton {
+				top: 0;
+				height: 25px;
+				line-height: 25px;
+				transform: translate3d(-50%, 0, 0);
+			}
+		}
+	}
+	.library-default-view_content {
+		display: flex;
+		flex-direction: column;
+		padding: unset !important;
+		height: 100%;
+		overflow: hidden;
+
+		.library-padding {
+			padding: 0 20px;
+		}
+		header {
+			//z-index: 1;
+			border-left: 1px solid #f2f2f2;
+			background: @component-background;
+			box-shadow: 2px 2px 5px #e8e8e8;
+			.document-description {
+				padding: 0 20px 10px 20px;
+			}
+		}
+	}
+}

package/es/pages/Library/LibraryDefaultView/state.d.ts

@@ -1,28 +1,28 @@
-import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
-import { FilterOption } from "@voplus/morpho-data";
-import { MenuInfo } from "rc-menu/es/interface";
-export declare class State {
-    id: string;
-    store: DocumentStore;
-    /** type of document of library */
-    type: string;
-    /** 当前点击选中document的type */
-    currentType: string;
-    /** enable of new document */
-    addAble: boolean;
-    /** Collapse all document */
-    collapse: boolean;
-    /** type of document of filter */
-    filterType: FilterOption;
-    /** 右侧显示内容id */
-    contentId: string;
-    /** 新增document目录id */
-    parentId: string;
-    list: IDocument[];
-    constructor(id: string, store: DocumentStore);
-    /** 新增文件存放目录 */
-    get directory(): IDocument[];
-    /** 查找目录父节点 */
-    getParent(id: string): IDocument[];
-    selectType: ({ key }: MenuInfo) => void;
-}
+import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
+import { FilterOption } from "@voplus/morpho-data";
+import { MenuInfo } from "rc-menu/es/interface";
+export declare class State {
+    id: string;
+    store: DocumentStore;
+    /** type of document of library */
+    type: string;
+    /** 当前点击选中document的type */
+    currentType: string;
+    /** enable of new document */
+    addAble: boolean;
+    /** Collapse all document */
+    collapse: boolean;
+    /** type of document of filter */
+    filterType: FilterOption;
+    /** 右侧显示内容id */
+    contentId: string;
+    /** 新增document目录id */
+    parentId: string;
+    list: IDocument[];
+    constructor(id: string, store: DocumentStore);
+    /** 新增文件存放目录 */
+    get directory(): IDocument[];
+    /** 查找目录父节点 */
+    getParent(id: string): IDocument[];
+    selectType: ({ key }: MenuInfo) => void;
+}