@voplus/morpho-document 4.0.2 → 4.0.4

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

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

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

@@ -1,28 +1,28 @@
-import { Button, Tooltip, message } from "antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faWindowRestore } from "@fortawesome/pro-light-svg-icons";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useToolBarContext } from "../ToolBarState";
-const Restore = (props) => {
-    const { size, disabled, action } = props;
-    const context = useToolBarContext();
-    const store = useDocumentStore();
-    return (React.createElement(Tooltip, { title: "Restore" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-            React.createElement(FAIcon, { icon: faWindowRestore }))));
-    function onClick() {
-        action ? action() : onRestore();
-    }
-    async function onRestore() {
-        if (!context.id)
-            return;
-        await store.restore([context.id]);
-        message.success("Document Restore Success.");
-    }
-};
-Restore.defaultProps = {
-    size: "small",
-};
-export default Restore;
+import { Button, Tooltip, message } from "antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faWindowRestore } from "@fortawesome/pro-light-svg-icons";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useToolBarContext } from "../ToolBarState";
+const Restore = (props) => {
+    const { size, disabled, action } = props;
+    const context = useToolBarContext();
+    const store = useDocumentStore();
+    return (React.createElement(Tooltip, { title: "Restore" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: faWindowRestore }))));
+    function onClick() {
+        action ? action() : onRestore();
+    }
+    async function onRestore() {
+        if (!context.id)
+            return;
+        await store.restore([context.id]);
+        message.success("Document Restore Success.");
+    }
+};
+Restore.defaultProps = {
+    size: "small",
+};
+export default Restore;
 //# sourceMappingURL=Restore.js.map

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-/** Aside 侧边栏 */
-declare const Sidebar: {
-    (props: {
-        /** size of Button */
-        size?: "small" | "middle" | "large";
-        /** disabled Button */
-        disabled?: boolean;
-        /** function of Click */
-        action?: () => void;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default Sidebar;
+/// <reference types="react" />
+/** Aside 侧边栏 */
+declare const Sidebar: {
+    (props: {
+        /** size of Button */
+        size?: "small" | "middle" | "large";
+        /** disabled Button */
+        disabled?: boolean;
+        /** function of Click */
+        action?: () => void;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default Sidebar;

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

@@ -1,23 +1,23 @@
-import { Button, Tooltip } from "antd";
-import { faArrowAltFromLeft, faArrowAltFromRight } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useAsideContentContext } from "@voplus/morpho-ui";
-/** Aside 侧边栏 */
-const Sidebar = (props) => {
-    const { size, disabled, action } = props;
-    const asideContext = useAsideContentContext();
-    return observe(() => (React.createElement(Tooltip, { title: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? "Hide Sidebar" : "Sidebar" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-            React.createElement(FAIcon, { icon: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? faArrowAltFromLeft : faArrowAltFromRight })))));
-    function onClick() {
-        if (action)
-            action();
-    }
-};
-Sidebar.defaultProps = {
-    size: "small",
-};
-export default Sidebar;
+import { Button, Tooltip } from "antd";
+import { faArrowAltFromLeft, faArrowAltFromRight } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useAsideContentContext } from "@voplus/morpho-ui";
+/** Aside 侧边栏 */
+const Sidebar = (props) => {
+    const { size, disabled, action } = props;
+    const asideContext = useAsideContentContext();
+    return observe(() => (React.createElement(Tooltip, { title: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? "Hide Sidebar" : "Sidebar" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? faArrowAltFromLeft : faArrowAltFromRight })))));
+    function onClick() {
+        if (action)
+            action();
+    }
+};
+Sidebar.defaultProps = {
+    size: "small",
+};
+export default Sidebar;
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1,17 +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;
+/// <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

@@ -1,26 +1,26 @@
-import { Button, Tooltip } from "antd";
-import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
-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 { useLayout } from "@voplus/morpho-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, type: "link", 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;
+import { Button, Tooltip } from "antd";
+import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
+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 { useLayout } from "@voplus/morpho-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, type: "link", 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/Versions.d.ts

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

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

@@ -1,27 +1,27 @@
-import { Button, Tooltip } from "antd";
-import React, { useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import VersionsModal from "../../../components/VersionsModal";
-import { faHistory } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useToolBarContext } from "../ToolBarState";
-const Versions = (props) => {
-    const { size, disabled, action } = props;
-    const context = useToolBarContext();
-    const [visible, setVisible] = useState(false);
-    const document = useDocument(context.id);
-    return observe(() => (React.createElement(React.Fragment, null,
-        !document.system && document.isSupportVersions && document.status !== "Version" ? (React.createElement(Tooltip, { title: "Versions" },
-            React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-                React.createElement(FAIcon, { icon: faHistory })))) : null,
-        visible && React.createElement(VersionsModal, { id: context.id || "", onChange: onClick }))));
-    function onClick() {
-        action ? action() : setVisible(!visible);
-    }
-};
-Versions.defaultProps = {
-    size: "small",
-};
-export default Versions;
+import { Button, Tooltip } from "antd";
+import React, { useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import VersionsModal from "../../../components/VersionsModal";
+import { faHistory } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useToolBarContext } from "../ToolBarState";
+const Versions = (props) => {
+    const { size, disabled, action } = props;
+    const context = useToolBarContext();
+    const [visible, setVisible] = useState(false);
+    const document = useDocument(context.id);
+    return observe(() => (React.createElement(React.Fragment, null,
+        !document.system && document.isSupportVersions && document.status !== "Version" ? (React.createElement(Tooltip, { title: "Versions" },
+            React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+                React.createElement(FAIcon, { icon: faHistory })))) : null,
+        visible && React.createElement(VersionsModal, { id: context.id || "", onChange: onClick }))));
+    function onClick() {
+        action ? action() : setVisible(!visible);
+    }
+};
+Versions.defaultProps = {
+    size: "small",
+};
+export default Versions;
 //# sourceMappingURL=Versions.js.map

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

@@ -1,12 +1,12 @@
-export { default as More } from "./More";
-export { default as Reload } from "./Reload";
-export { default as Archive } from "./Archive";
-export { default as Download } from "./Download";
-export { default as Open } from "./Open";
-export { default as Print } from "./Print";
-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";
-export { default as Delete } from "./Delete";
+export { default as More } from "./More";
+export { default as Reload } from "./Reload";
+export { default as Archive } from "./Archive";
+export { default as Download } from "./Download";
+export { default as Open } from "./Open";
+export { default as Print } from "./Print";
+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";
+export { default as Delete } from "./Delete";

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

@@ -1,13 +1,13 @@
-export { default as More } from "./More";
-export { default as Reload } from "./Reload";
-export { default as Archive } from "./Archive";
-export { default as Download } from "./Download";
-export { default as Open } from "./Open";
-export { default as Print } from "./Print";
-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";
-export { default as Delete } from "./Delete";
+export { default as More } from "./More";
+export { default as Reload } from "./Reload";
+export { default as Archive } from "./Archive";
+export { default as Download } from "./Download";
+export { default as Open } from "./Open";
+export { default as Print } from "./Print";
+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";
+export { default as Delete } from "./Delete";
 //# sourceMappingURL=index.js.map

package/es/controls/ToolBar/index.less

@@ -1,76 +1,76 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.tool-bar {
-		.ant-btn {
-			font-size: @font-size-lg;
-			color: @tabs-default-color;
-			padding: 0 6px;
-			&:hover {
-				color: #20aaea;
-			}
-		}
-		.ant-btn + .ant-btn {
-			margin-left: 5px;
-		}
-		.ant-tooltip-disabled-compatible-wrapper {
-			margin: 0 5px;
-			& + .ant-tooltip-disabled-compatible-wrapper {
-				margin-left: 0;
-			}
-		}
-		.archive-btn {
-			// background: #fff;
-			// border-color: #faad14;
-			color: @archive-color;
-		}
-		// .archive-btn:active,
-		// .archive-btn.active,
-		// .archive-btn:hover {
-		// 	background-color: #faad14;
-		// 	color: #fff;
-		// }
-		.delete-btn {
-			// background: #fff;
-			// border-color: #f5222d;
-			color: @delete-color;
-		}
-		// .delete-btn:active,
-		// .delete-btn.active,
-		// .delete-btn:hover {
-		// 	background-color: #f5222d;
-		// 	color: #fff;
-		// }
-	}
-	.tool-bar-menu {
-		padding: 4px 0;
-		list-style-type: none;
-		background-color: #fff;
-		background-clip: padding-box;
-		border-radius: @border-radius;
-		outline: none;
-		box-shadow: @more-box-shadow;
-
-		.ant-btn {
-			display: block;
-			width: 100%;
-			padding: 0 12px;
-			height: unit((38/16), em);
-			color: @cancel-color;
-			text-align: left;
-			border-radius: 0;
-			&[disabled] {
-				color: @disabled-color;
-			}
-			&:hover {
-				background-color: #f5f5f5;
-			}
-			> span {
-				margin-left: 10px;
-			}
-		}
-		.delete {
-			color: @delete-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.tool-bar {
+		.ant-btn {
+			font-size: @font-size-lg;
+			color: @tabs-default-color;
+			padding: 0 6px;
+			&:hover {
+				color: #20aaea;
+			}
+		}
+		.ant-btn + .ant-btn {
+			margin-left: 5px;
+		}
+		.ant-tooltip-disabled-compatible-wrapper {
+			margin: 0 5px;
+			& + .ant-tooltip-disabled-compatible-wrapper {
+				margin-left: 0;
+			}
+		}
+		.archive-btn {
+			// background: #fff;
+			// border-color: #faad14;
+			color: @archive-color;
+		}
+		// .archive-btn:active,
+		// .archive-btn.active,
+		// .archive-btn:hover {
+		// 	background-color: #faad14;
+		// 	color: #fff;
+		// }
+		.delete-btn {
+			// background: #fff;
+			// border-color: #f5222d;
+			color: @delete-color;
+		}
+		// .delete-btn:active,
+		// .delete-btn.active,
+		// .delete-btn:hover {
+		// 	background-color: #f5222d;
+		// 	color: #fff;
+		// }
+	}
+	.tool-bar-menu {
+		padding: 4px 0;
+		list-style-type: none;
+		background-color: #fff;
+		background-clip: padding-box;
+		border-radius: @border-radius;
+		outline: none;
+		box-shadow: @more-box-shadow;
+
+		.ant-btn {
+			display: block;
+			width: 100%;
+			padding: 0 12px;
+			height: unit((38/16), em);
+			color: @cancel-color;
+			text-align: left;
+			border-radius: 0;
+			&[disabled] {
+				color: @disabled-color;
+			}
+			&:hover {
+				background-color: #f5f5f5;
+			}
+			> span {
+				margin-left: 10px;
+			}
+		}
+		.delete {
+			color: @delete-color;
+		}
+	}
+}

package/es/controls/data-icons/CommentDataIcon/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const CommentDataIcon: (props: {
-    /** id of document  */
-    id: string;
-    /** LoadDocumentOptions of useDocument */
-    includes?: string;
-    /** */
-    onClick?: () => void;
-}) => JSX.Element;
-export default CommentDataIcon;
+/// <reference types="react" />
+declare const CommentDataIcon: (props: {
+    /** id of document  */
+    id: string;
+    /** LoadDocumentOptions of useDocument */
+    includes?: string;
+    /** */
+    onClick?: () => void;
+}) => JSX.Element;
+export default CommentDataIcon;

package/es/controls/data-icons/CommentDataIcon/index.js

@@ -1,16 +1,16 @@
-import { useDocument } from "@voplus/morpho-document-core";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { Tooltip } from "antd";
-import { faCommentDots } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-const CommentDataIcon = (props) => {
-    const { id, includes, onClick } = props;
-    const document = useDocument(id, { includes });
-    return observe(() => (React.createElement(Tooltip, { title: "Comment" },
-        React.createElement("span", { className: "data-icon", onClick: onClick },
-            React.createElement(FAIcon, { icon: faCommentDots }),
-            document.comments))));
-};
-export default CommentDataIcon;
+import { useDocument } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Tooltip } from "antd";
+import { faCommentDots } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const CommentDataIcon = (props) => {
+    const { id, includes, onClick } = props;
+    const document = useDocument(id, { includes });
+    return observe(() => (React.createElement(Tooltip, { title: "Comment" },
+        React.createElement("span", { className: "data-icon", onClick: onClick },
+            React.createElement(FAIcon, { icon: faCommentDots }),
+            document.comments))));
+};
+export default CommentDataIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DateQuickIcon/index.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from "react";
-declare const DateQuickIcon: (props: {
-    id: string;
-    className?: string;
-    styles?: CSSProperties;
-}) => JSX.Element;
-export default DateQuickIcon;
+import { CSSProperties } from "react";
+declare const DateQuickIcon: (props: {
+    id: string;
+    className?: string;
+    styles?: CSSProperties;
+}) => JSX.Element;
+export default DateQuickIcon;