@voplus/morpho-document 6.0.124 → 6.0.125

package/es/data/metas/LibraryMeta.js

@@ -3,7 +3,7 @@ import { DefaultDocumentTypeMeta } from "../..";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faBooks } from "@fortawesome/pro-solid-svg-icons";
 import { suspense } from "@voplus/morpho-ui/es/controls/Suspense";
-const DefaultView = lazy(() => import("../../pages/Library/LibraryDefaultView"));
+const DefaultView = lazy(() => import("../../pages/Library/LibraryDefaultView/LibraryDefaultView2"));
 /** Meta information for shortcut. */
 export class LibraryMeta extends DefaultDocumentTypeMeta {
     get name() {

package/es/data/metas/LibraryMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryMeta.js","sourceRoot":"","sources":["../../../src/data/metas/LibraryMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAElE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC;AAEjF,qCAAqC;AACrC,MAAM,OAAO,WAAY,SAAQ,uBAAuB;IAEvD,IAAW,IAAI;QACd,OAAO,WAAW,CAAC,QAAQ,CAAC;IAC7B,CAAC;IAED,YAA2B,KAAyB;QACnD,KAAK,EAAE,CAAC;QADU;;;;mBAAQ,KAAK;WAAoB;IAEpD,CAAC;IAEM,OAAO;QACb,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC;IAC3C,CAAC;IAEM,cAAc,CAAC,KAAqB;QAC1C,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,CAAC;;AAfa;;;;WAAW,SAAS;EAAZ,CAAa"}
+{"version":3,"file":"LibraryMeta.js","sourceRoot":"","sources":["../../../src/data/metas/LibraryMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAElE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,4DAA4D,CAAC,CAAC,CAAC;AAErG,qCAAqC;AACrC,MAAM,OAAO,WAAY,SAAQ,uBAAuB;IAEvD,IAAW,IAAI;QACd,OAAO,WAAW,CAAC,QAAQ,CAAC;IAC7B,CAAC;IAED,YAA2B,KAAyB;QACnD,KAAK,EAAE,CAAC;QADU;;;;mBAAQ,KAAK;WAAoB;IAEpD,CAAC;IAEM,OAAO;QACb,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC;IAC3C,CAAC;IAEM,cAAc,CAAC,KAAqB;QAC1C,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,CAAC;;AAfa;;;;WAAW,SAAS;EAAZ,CAAa"}

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

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

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

@@ -0,0 +1,106 @@
+import React, { useEffect, useState } from "react";
+import { Breadcrumb, Menu, Button, Tooltip } from "antd";
+import { useDocumentStore, useMetaStore } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faArrowTurnUp, faMagnifyingGlass } from "@fortawesome/pro-solid-svg-icons";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLibrary } from "../data";
+import { useLayout, useTabItem } from "@voplus/morpho-data";
+import { State } from "./state";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+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 AddDropDown2 from "@voplus/morpho-ui/es/components/layout/ListView/controls/AddDropDown2";
+import Routes from "../../../routes";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import LibraryItemDefaultView from "../components/LibraryItemDefaultView";
+import { useFrame } from "../../../components/ViewFrame/ViewFrameContext";
+import "./index.less";
+/** 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();
+    const frame = useFrame();
+    if (frame) {
+        frame.header = null;
+        frame.asideSpan = 12;
+    }
+    useEffect(() => {
+        runInAction(() => (tab.title = library.name));
+    }, [library === null || library === void 0 ? void 0 : library.name]);
+    const [state] = useState(new State(id, store));
+    const [asideContext] = useState(AsideContent.createContext());
+    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-view2" },
+        React.createElement(MainContent.Nav, { collapsible: true },
+            React.createElement("div", { className: "toc-tree-header" },
+                React.createElement(TimeoutInput, { className: "toc-tree-search", prefix: React.createElement(FAIcon, { icon: faMagnifyingGlass, color: "#868686" }), 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(Button, { className: "collapse-icon", onClick: () => {
+                            state.collapse = !state.collapse;
+                        } },
+                        React.createElement(FAIcon, { icon: faArrowTurnUp })))),
+            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, { items: state.directory.map((b) => {
+                        return { title: React.createElement("span", { onClick: () => onClickDoc(b.id) }, b.name) };
+                    }) })),
+                React.createElement(NewDocumentForm, { className: "library-new-form", parentId: state.parentId, type: state.type, onCancel: () => (state.addAble = false) }))) : (React.createElement(AddDropDown2, { trigger: ["click"], btnType: React.createElement("div", { className: "create-new-btn" }, "+ Create New"), overlay: React.createElement(Menu, { onClick: state.selectType, items: ["Document", "Page", "Text"].map((x) => {
+                        return {
+                            key: x,
+                            label: x == "Document" ? "Folder" : x,
+                            icon: meta.getIcon({ type: x }),
+                            disabled: state.currentType.includes(x),
+                        };
+                    }) }) }))),
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement(LibraryItemDefaultView, { libraryId: id, libraryName: library.name, selectedItemId: state.contentId })))));
+    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" || document.type === "Shortcut" || document.type === "Graph") {
+                /** 若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=LibraryDefaultView2.js.map

package/es/pages/Library/LibraryDefaultView/LibraryDefaultView2.js.map

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

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

@@ -133,4 +133,95 @@
 			}
 		}
 	}
+
+	.library-default-view2 {
+		.main-content-nav {
+			padding: 20px 14px 10px;
+			.main-nav-container {
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+				max-width: 30vw;
+
+				.ant-breadcrumb {
+					font-size: 14px;
+					padding: 10px 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;
+				}
+			}
+
+			.ant-typography {
+				font-size: 20px;
+			}
+
+			.library-new-form {
+				padding: 0;
+			}
+
+			.toc-tree-header {
+				display: flex;
+				padding-bottom: 15px;
+				.collapse-icon {
+					width: 36px;
+					height: 30px;
+					cursor: pointer;
+					color: #868686;
+					padding: 0;
+					border-radius: 5px;
+					border: 1px solid #868686;
+					margin-left: 6px;
+				}
+			}
+
+			.toc-tree-search.ant-input-outlined {
+				height: 30px;
+				border: 1px solid @default-border-color;
+				border-radius: @border-radius;
+				&:hover {
+					border-color: #1677ff;
+				}
+			}
+
+			.create-new-btn {
+				color: #217eb2;
+				background: #fff;
+				font-weight: 500;
+				font-size: 14px;
+				text-align: center;
+				cursor: pointer;
+			}
+		}
+
+		overflow: hidden;
+
+		.file-tree-item .document-header-target {
+			display: flex;
+			align-items: center;
+		}
+
+		.asideContent___WPUKh {
+			padding: 0px;
+		}
+	}
 }

package/es/pages/Library/components/LibraryItemDefaultView/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+declare const LibraryItemDefaultView: (props: {
+    libraryId: string;
+    libraryName: string;
+    selectedItemId?: string;
+}) => React.JSX.Element;
+export default LibraryItemDefaultView;

package/es/pages/Library/components/LibraryItemDefaultView/index.js

@@ -0,0 +1,53 @@
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faEllipsisVertical, faBooks } from "@fortawesome/pro-solid-svg-icons";
+import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
+import DocumentProperties from "../../../../components/DocumentProperties";
+import DocumentList from "../../../../components/DocumentList";
+import GraphViewer from "../../../../modules/graph/components/GraphViewer";
+import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
+import BreadCrumbsPath from "@voplus/morpho-ui/es/components/layout/headers/components/BreadCrumbsPath";
+import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
+import { PageContext, PageContextState } from "../../../../modules/page/data";
+import PageItems from "../../../../modules/page/components/PageItems";
+import FileViewer from "../../../../components/FileViewer";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
+import "./index.less";
+const LibraryItemDefaultView = (props) => {
+    const { libraryId, libraryName, selectedItemId } = props;
+    const frame = useFrame();
+    const meta = useMetaStore();
+    const [context] = useState(new PageContextState());
+    const doc = useDocument(selectedItemId !== null && selectedItemId !== void 0 ? selectedItemId : libraryId, {
+        reload: (i) => !i.path,
+        includes: "path",
+    });
+    return observe(() => (React.createElement("div", { className: "library-item-default-view" },
+        React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBooks }), title: React.createElement("div", null,
+                libraryName,
+                React.createElement(ToolBar, { id: libraryId, moreProps: {
+                        buttonProps: { size: "middle" },
+                        icon: React.createElement(FAIcon, { icon: faEllipsisVertical }),
+                    } })), description: React.createElement(BreadCrumbsPath, { current: { id: doc.id, name: doc.name }, path: doc.path, onBreadCrumb: (id) => frame.navigate(id) }) }),
+        React.createElement(DocumentTabs, { id: selectedItemId !== null && selectedItemId !== void 0 ? selectedItemId : libraryId, active: "Content", tabItems: [
+                {
+                    key: "Properties",
+                    label: "Properties",
+                    children: (React.createElement(Scrollbars, { autoHide: true },
+                        React.createElement("div", { className: "properties-list" },
+                            React.createElement(DocumentProperties, { id: selectedItemId !== null && selectedItemId !== void 0 ? selectedItemId : libraryId })))),
+                },
+                {
+                    key: "Content",
+                    label: "Content",
+                    children: selectedItemId ? (React.createElement(Scrollbars, { autoHide: true }, doc.type === "Page" ? (React.createElement(PageContext.Provider, { value: context },
+                        React.createElement(PageItems, { id: doc.id, readonly: doc.readonly }))) : doc.type === "Graph" ? (React.createElement(GraphViewer, { id: selectedItemId, autoHeight: true })) : doc.type === "Text" ? (React.createElement(TextEditor, { id: selectedItemId })) : doc.type === "File" ? (React.createElement(FileViewer, { id: selectedItemId, style: { width: "100%", height: "100%", textAlign: "center" } })) : (React.createElement(DocumentList, { id: selectedItemId, multiple: true, viewTitle: false, total: false })))) : (React.createElement(DocumentList, { id: libraryId, multiple: true, viewTitle: false, total: false })),
+                },
+            ], className: "board-document-tabs" }))));
+};
+export default LibraryItemDefaultView;
+//# sourceMappingURL=index.js.map

package/es/pages/Library/components/LibraryItemDefaultView/index.js.map

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

package/es/pages/Library/components/LibraryItemDefaultView/index.less

@@ -0,0 +1,20 @@
+:global {
+	.library-item-default-view {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		background: #fff;
+		.page-head-dashboard {
+			.tool-bar {
+				margin-left: 10px;
+			}
+		}
+
+		.ant-tabs {
+			height: 100%;
+			.ant-tabs-nav {
+				margin: 0;
+			}
+		}
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-document",
-	"version": "6.0.124",
+	"version": "6.0.125",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"