@voplus/morpho-document 1.4.99 → 1.4.101

package/es/components/TextPrintView/index.js

@@ -1,20 +1,20 @@
-import React, { useContext } from "react";
-import { __RouterContext } from "react-router";
-import { Scrollbars } from "react-custom-scrollbars";
-import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useLayout } from "@voplus/morpho-data";
-const TextPrintView = () => {
-    const { match } = useContext(__RouterContext);
-    const id = match.params.id;
-    const layout = useLayout();
-    layout.menu.visible = false;
-    layout.tabNav.visible = false;
-    const text = useDocument(id);
-    return observe(() => (React.createElement(Scrollbars, null,
-        React.createElement("h2", null, text.name),
-        React.createElement(TextEditor, { id: id, proseMirrorProps: { readonly: true, scroll: false } }))));
-};
-export default TextPrintView;
+import React, { useContext } from "react";
+import { __RouterContext } from "react-router";
+import { Scrollbars } from "react-custom-scrollbars";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useLayout } from "@voplus/morpho-data";
+const TextPrintView = () => {
+    const { match } = useContext(__RouterContext);
+    const id = match.params.id;
+    const layout = useLayout();
+    layout.menu.visible = false;
+    layout.tabNav.visible = false;
+    const text = useDocument(id);
+    return observe(() => (React.createElement(Scrollbars, null,
+        React.createElement("h2", null, text.name),
+        React.createElement(TextEditor, { id: id, proseMirrorProps: { readonly: true, scroll: false } }))));
+};
+export default TextPrintView;
 //# sourceMappingURL=index.js.map

package/es/components/TextPropertiesView/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** Text PropertiesView */
-declare const TextPropertiesView: (props: {
-    id: string;
-}) => JSX.Element;
-export default TextPropertiesView;
+/// <reference types="react" />
+/** Text PropertiesView */
+declare const TextPropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default TextPropertiesView;

package/es/components/TextPropertiesView/index.js

@@ -1,21 +1,21 @@
-import React, { useState } from "react";
-import DocumentHeader from "../DocumentHeader";
-import DocumentTabs from "../DocumentTabs";
-import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
-import { observe } from "@voplus/morpho-ui";
-/** Text PropertiesView */
-const TextPropertiesView = (props) => {
-    const id = props.id;
-    const [readonly, setReadonly] = useState(true);
-    return observe(() => (React.createElement("div", { className: "module-detail-view" },
-        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false }),
-        React.createElement(DocumentTabs, { id: id, details: React.createElement(TextEditor2, { id: id, proseMirrorProps: {
-                    readonly: readonly,
-                    showNoContent: true,
-                    scroll: true,
-                    onClick: () => setReadonly(false),
-                    onBlur: () => setReadonly(true),
-                } }) }))));
-};
-export default TextPropertiesView;
+import React, { useState } from "react";
+import DocumentHeader from "../DocumentHeader";
+import DocumentTabs from "../DocumentTabs";
+import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
+import { observe } from "@voplus/morpho-ui";
+/** Text PropertiesView */
+const TextPropertiesView = (props) => {
+    const id = props.id;
+    const [readonly, setReadonly] = useState(true);
+    return observe(() => (React.createElement("div", { className: "module-detail-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false }),
+        React.createElement(DocumentTabs, { id: id, details: React.createElement(TextEditor2, { id: id, proseMirrorProps: {
+                    readonly: readonly,
+                    showNoContent: true,
+                    scroll: true,
+                    onClick: () => setReadonly(false),
+                    onBlur: () => setReadonly(true),
+                } }) }))));
+};
+export default TextPropertiesView;
 //# sourceMappingURL=index.js.map

package/es/components/TextQuickViewDialog/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const TextQuickViewDialog: (props: {
-    id: string;
-    visible?: boolean;
-    onCancel?: () => void;
-}) => JSX.Element;
-export default TextQuickViewDialog;
+/// <reference types="react" />
+declare const TextQuickViewDialog: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default TextQuickViewDialog;

package/es/components/TextQuickViewDialog/index.js

@@ -1,18 +1,18 @@
-import React, { useState } from "react";
-import QuickViewDialog from "../QuickViewDialog";
-import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-const TextQuickViewDialog = (props) => {
-    const [readonly, setReadonly] = useState(true);
-    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, onCancel: props.onCancel, className: styles["text-quick-view"] },
-        React.createElement(TextEditor2, { id: props.id, proseMirrorProps: {
-                readonly: readonly,
-                showNoContent: true,
-                scroll: true,
-                onClick: () => setReadonly(false),
-                onBlur: () => setReadonly(true),
-            } }))));
-};
-export default TextQuickViewDialog;
+import React, { useState } from "react";
+import QuickViewDialog from "../QuickViewDialog";
+import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const TextQuickViewDialog = (props) => {
+    const [readonly, setReadonly] = useState(true);
+    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, onCancel: props.onCancel, className: styles["text-quick-view"] },
+        React.createElement(TextEditor2, { id: props.id, proseMirrorProps: {
+                readonly: readonly,
+                showNoContent: true,
+                scroll: true,
+                onClick: () => setReadonly(false),
+                onBlur: () => setReadonly(true),
+            } }))));
+};
+export default TextQuickViewDialog;
 //# sourceMappingURL=index.js.map

package/es/components/TextQuickViewDialog/index.less

@@ -0,0 +1,7 @@
+.text-quick-view {
+	:global {
+		.editor-toolbar {
+			padding: 0.2rem 0.65rem;
+		}
+	}
+}

package/es/components/VersionsModal/index.d.ts

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

package/es/components/VersionsModal/index.js

@@ -1,54 +1,54 @@
-import { Checkbox, Dropdown, Menu } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { useDocument, useDocumentStore } from "@voplus/morpho-document-core";
-import DocumentList from "../DocumentList";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Modal from "@voplus/morpho-ui/es/components/Modal";
-import { State } from "./state";
-import classnames from "classnames";
-import { faPlus } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-const VersionsModal = (props) => {
-    const { id } = props;
-    const [state] = useState(new State());
-    const store = useDocumentStore();
-    state.document = useDocument(id, {
-        reload: (item) => !("versionsId" in item),
-        includes: "versions",
-    });
-    useEffect(() => {
-        state.reset();
-    }, [props.id]);
-    /** Menu 内容*/
-    const menu = observe(() => (React.createElement(Menu, { onClick: moreOperate },
-        React.createElement(Menu.Item, { key: "DraftVersion" },
-            React.createElement("span", { className: "type-name" }, "Draft Version")),
-        React.createElement(Menu.Item, { disabled: state.document.type !== "File" },
-            React.createElement("span", { className: "type-name" }, "Draft Version(From File)")))));
-    const versionsMenu = observe(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight", trigger: ["click"], visible: state.menuVisible, onVisibleChange: onVisibleChange },
-        React.createElement("span", { className: classnames(styles["versions-plus-icon"]) },
-            React.createElement(FAIcon, { icon: faPlus, color: "#fff" })))));
-    return observe(() => (React.createElement(Modal, { title: "Versions", visible: true, maskClosable: true, destroyOnClose: true, footer: null, className: styles["versions-modal"], onCancel: props.onChange },
-        React.createElement("div", { className: classnames("versions-modal-content", {
-                disabled: !state.document.versionsId,
-            }) }, state.document.versionsId ? (React.createElement(DocumentList, { id: state.document.versionsId, disabled: true, filtersSystem: true, addAble: false, sort: { Sort: "CreateDate", Direction: "Desc" }, appendLocation: "top", versionsMenu: versionsMenu })) : ("")),
-        React.createElement("div", { className: "enable-versions" }, !state.document.versionsId && (React.createElement(Checkbox, { checked: state.checked, onChange: (e) => onChange(e) }, "Enable Versions"))))));
-    async function onChange(e) {
-        state.checked = e.target.checked;
-        if (!state.checked || state.document.versionsId)
-            return;
-        await store.edit(id, { data: { EnableVersions: true }, error: "message" });
-    }
-    function onVisibleChange(visible) {
-        state.menuVisible = visible;
-    }
-    function moreOperate({ key }) {
-        if (key === "DraftVersion") {
-            store.createNewDraftVersion(id);
-            state.menuVisible = false;
-        }
-    }
-};
-export default VersionsModal;
+import { Checkbox, Dropdown, Menu } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { useDocument, useDocumentStore } from "@voplus/morpho-document-core";
+import DocumentList from "../DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import { State } from "./state";
+import classnames from "classnames";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const VersionsModal = (props) => {
+    const { id } = props;
+    const [state] = useState(new State());
+    const store = useDocumentStore();
+    state.document = useDocument(id, {
+        reload: (item) => !("versionsId" in item),
+        includes: "versions",
+    });
+    useEffect(() => {
+        state.reset();
+    }, [props.id]);
+    /** Menu 内容*/
+    const menu = observe(() => (React.createElement(Menu, { onClick: moreOperate },
+        React.createElement(Menu.Item, { key: "DraftVersion" },
+            React.createElement("span", { className: "type-name" }, "Draft Version")),
+        React.createElement(Menu.Item, { disabled: state.document.type !== "File" },
+            React.createElement("span", { className: "type-name" }, "Draft Version(From File)")))));
+    const versionsMenu = observe(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight", trigger: ["click"], visible: state.menuVisible, onVisibleChange: onVisibleChange },
+        React.createElement("span", { className: classnames(styles["versions-plus-icon"]) },
+            React.createElement(FAIcon, { icon: faPlus, color: "#fff" })))));
+    return observe(() => (React.createElement(Modal, { title: "Versions", visible: true, maskClosable: true, destroyOnClose: true, footer: null, className: styles["versions-modal"], onCancel: props.onChange },
+        React.createElement("div", { className: classnames("versions-modal-content", {
+                disabled: !state.document.versionsId,
+            }) }, state.document.versionsId ? (React.createElement(DocumentList, { id: state.document.versionsId, disabled: true, filtersSystem: true, addAble: false, sort: { Sort: "CreateDate", Direction: "Desc" }, appendLocation: "top", versionsMenu: versionsMenu })) : ("")),
+        React.createElement("div", { className: "enable-versions" }, !state.document.versionsId && (React.createElement(Checkbox, { checked: state.checked, onChange: (e) => onChange(e) }, "Enable Versions"))))));
+    async function onChange(e) {
+        state.checked = e.target.checked;
+        if (!state.checked || state.document.versionsId)
+            return;
+        await store.edit(id, { data: { EnableVersions: true }, error: "message" });
+    }
+    function onVisibleChange(visible) {
+        state.menuVisible = visible;
+    }
+    function moreOperate({ key }) {
+        if (key === "DraftVersion") {
+            store.createNewDraftVersion(id);
+            state.menuVisible = false;
+        }
+    }
+};
+export default VersionsModal;
 //# sourceMappingURL=index.js.map

package/es/components/VersionsModal/index.less

@@ -0,0 +1,28 @@
+.versions-modal {
+	:global {
+		.ant-modal-body {
+			padding: 0;
+			.versions-modal-content {
+				height: 60vh;
+				&.disabled {
+					// width: 100%;
+					height: 200px;
+					margin: 24px 24px 0 24px;
+					background: #f5f5f5;
+				}
+			}
+			.enable-versions {
+				padding: 24px;
+			}
+		}
+	}
+}
+.versions-plus-icon {
+	display: inline-block;
+	padding: 4px;
+	font-size: 13px;
+	line-height: 1px;
+	background: #1abc9c;
+	margin-left: 10px;
+	cursor: pointer;
+}

package/es/components/VersionsModal/state.d.ts

@@ -1,10 +1,10 @@
-import { IDocument } from "@voplus/morpho-document-core";
-export declare class State {
-    document: IDocument;
-    /** checked of Enable Versions */
-    checked: boolean;
-    /** visible of Versions Menu */
-    menuVisible: boolean;
-    constructor();
-    reset(): void;
-}
+import { IDocument } from "@voplus/morpho-document-core";
+export declare class State {
+    document: IDocument;
+    /** checked of Enable Versions */
+    checked: boolean;
+    /** visible of Versions Menu */
+    menuVisible: boolean;
+    constructor();
+    reset(): void;
+}

package/es/components/VersionsModal/state.js

@@ -1,44 +1,44 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "document", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** checked of Enable Versions */
-        Object.defineProperty(this, "checked", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** visible of Versions Menu */
-        Object.defineProperty(this, "menuVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    reset() {
-        this.checked = false;
-        this.menuVisible = false;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "document", void 0);
-__decorate([
-    observable
-], State.prototype, "checked", void 0);
-__decorate([
-    observable
-], State.prototype, "menuVisible", void 0);
-__decorate([
-    action
-], State.prototype, "reset", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "document", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** checked of Enable Versions */
+        Object.defineProperty(this, "checked", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** visible of Versions Menu */
+        Object.defineProperty(this, "menuVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    reset() {
+        this.checked = false;
+        this.menuVisible = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "document", void 0);
+__decorate([
+    observable
+], State.prototype, "checked", void 0);
+__decorate([
+    observable
+], State.prototype, "menuVisible", void 0);
+__decorate([
+    action
+], State.prototype, "reset", null);
 //# sourceMappingURL=state.js.map

package/es/components/ViewFrame/ViewFrameContext.d.ts

@@ -1,28 +1,28 @@
-import { DocumentMetaStore } from "../../data/DocumentMetaStore";
-import { IDocument } from "@voplus/morpho-document-core";
-import React from "react";
-export declare type IView = "default" | "explorer" | "tree" | "tabbed";
-export declare class ViewFrameContextState {
-    private metas;
-    private document;
-    private _view?;
-    private type?;
-    private exclude?;
-    private disabled?;
-    Extra: React.ReactNode;
-    PreExtra: React.ReactNode;
-    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
-    Exclude?: string[];
-    /** disabled icon view eg: disabled={["TreeView"]} */
-    disabledIcon?: string[];
-    private onNavigate?;
-    constructor(metas: DocumentMetaStore, document: IDocument, _view?: IView | undefined, type?: string | undefined, exclude?: string[] | undefined, disabled?: string[] | undefined);
-    get id(): string;
-    get view(): IView | undefined;
-    get ViewComponent(): JSX.Element | null;
-    navigate(id: string | null, view?: IView): void;
-}
-/** React context for ListContextState. */
-export declare const ViewFrameContext: React.Context<ViewFrameContextState>;
-/** React hook to retrieve the nearest ListContextState. */
-export declare function useFrame(): ViewFrameContextState;
+import { DocumentMetaStore } from "../../data/DocumentMetaStore";
+import { IDocument } from "@voplus/morpho-document-core";
+import React from "react";
+export declare type IView = "default" | "explorer" | "tree" | "tabbed";
+export declare class ViewFrameContextState {
+    private metas;
+    private document;
+    private _view?;
+    private type?;
+    private exclude?;
+    private disabled?;
+    Extra: React.ReactNode;
+    PreExtra: React.ReactNode;
+    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
+    Exclude?: string[];
+    /** disabled icon view eg: disabled={["TreeView"]} */
+    disabledIcon?: string[];
+    private onNavigate?;
+    constructor(metas: DocumentMetaStore, document: IDocument, _view?: IView | undefined, type?: string | undefined, exclude?: string[] | undefined, disabled?: string[] | undefined);
+    get id(): string;
+    get view(): IView | undefined;
+    get ViewComponent(): JSX.Element | null;
+    navigate(id: string | null, view?: IView): void;
+}
+/** React context for ListContextState. */
+export declare const ViewFrameContext: React.Context<ViewFrameContextState>;
+/** React hook to retrieve the nearest ListContextState. */
+export declare function useFrame(): ViewFrameContextState;