@voplus/morpho-document 1.4.99 → 1.4.101

package/es/services/DocumentActivityLogRenderer.js

@@ -1,62 +1,62 @@
-import { faCommentDots, faFileMinus, faFilePlus, faPencilAlt, faTrashAlt, faUpload, } from "@fortawesome/pro-light-svg-icons";
-import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import MentionViewer from "./MentionViewer";
-import React from "react";
-import { faLock } from "@fortawesome/pro-solid-svg-icons";
-export const ActivityActionType = {
-    Created: "Created",
-    Changed: "Changed",
-    Moved: "Moved",
-    Deleted: "Deleted",
-    Published: "Published",
-    Commented: "Commented",
-};
-class DocumentActivityLogRenderer extends ActivityRenderer {
-    constructor(icons) {
-        super(icons);
-        Object.defineProperty(this, "icons", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: icons
-        });
-    }
-    getActionIconInfo(action) {
-        let color = "";
-        switch (action) {
-            case ActivityActionType.Created:
-                color = "#765fee";
-                return { icon: React.createElement(FAIcon, { icon: faFilePlus, color: color }), color: color };
-            case ActivityActionType.Changed:
-                color = "#ffca83";
-                return { icon: React.createElement(FAIcon, { icon: faPencilAlt, color: color }), color: color };
-            case ActivityActionType.Moved:
-                color = "#ffca83";
-                return { icon: React.createElement(FAIcon, { icon: faFileMinus, color: color }), color: color };
-            case ActivityActionType.Deleted:
-                color = "#ff7285";
-                return { icon: React.createElement(FAIcon, { icon: faTrashAlt, color: color }), color: color };
-            case ActivityActionType.Published:
-                return { icon: React.createElement(FAIcon, { icon: faUpload, color: color }), color: color };
-            case ActivityActionType.Commented:
-                color = "rgb(254, 64, 102)";
-                return { icon: React.createElement(FAIcon, { icon: faCommentDots, color: color }), color: color };
-        }
-        return super.getActionIconInfo(action);
-    }
-    Log(item, options) {
-        var _a;
-        switch (item.action) {
-            case ActivityActionType.Commented:
-                return (React.createElement("div", { className: "time-line-comment" },
-                    React.createElement("div", { className: "time-line-comment-header" }, this.TimelineItemHeader(item)),
-                    React.createElement("div", { className: "time-line-comment-body" }, item.private ? (React.createElement(FAIcon, { icon: faLock, style: { display: "block", margin: "auto", fontSize: "large" } })) : ((_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.map((o, index) => (React.createElement(React.Fragment, { key: index },
-                        !!index && React.createElement("hr", { className: "time-line-comment-hr" }),
-                        React.createElement(MentionViewer, { activityId: item.id, html: o.value }))))))));
-        }
-        return super.Log(item, options);
-    }
-}
-export default DocumentActivityLogRenderer;
+import { faCommentDots, faFileMinus, faFilePlus, faPencilAlt, faTrashAlt, faUpload, } from "@fortawesome/pro-light-svg-icons";
+import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MentionViewer from "./MentionViewer";
+import React from "react";
+import { faLock } from "@fortawesome/pro-solid-svg-icons";
+export const ActivityActionType = {
+    Created: "Created",
+    Changed: "Changed",
+    Moved: "Moved",
+    Deleted: "Deleted",
+    Published: "Published",
+    Commented: "Commented",
+};
+class DocumentActivityLogRenderer extends ActivityRenderer {
+    constructor(icons) {
+        super(icons);
+        Object.defineProperty(this, "icons", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: icons
+        });
+    }
+    getActionIconInfo(action) {
+        let color = "";
+        switch (action) {
+            case ActivityActionType.Created:
+                color = "#765fee";
+                return { icon: React.createElement(FAIcon, { icon: faFilePlus, color: color }), color: color };
+            case ActivityActionType.Changed:
+                color = "#ffca83";
+                return { icon: React.createElement(FAIcon, { icon: faPencilAlt, color: color }), color: color };
+            case ActivityActionType.Moved:
+                color = "#ffca83";
+                return { icon: React.createElement(FAIcon, { icon: faFileMinus, color: color }), color: color };
+            case ActivityActionType.Deleted:
+                color = "#ff7285";
+                return { icon: React.createElement(FAIcon, { icon: faTrashAlt, color: color }), color: color };
+            case ActivityActionType.Published:
+                return { icon: React.createElement(FAIcon, { icon: faUpload, color: color }), color: color };
+            case ActivityActionType.Commented:
+                color = "rgb(254, 64, 102)";
+                return { icon: React.createElement(FAIcon, { icon: faCommentDots, color: color }), color: color };
+        }
+        return super.getActionIconInfo(action);
+    }
+    Log(item, options) {
+        var _a;
+        switch (item.action) {
+            case ActivityActionType.Commented:
+                return (React.createElement("div", { className: "time-line-comment" },
+                    React.createElement("div", { className: "time-line-comment-header" }, this.TimelineItemHeader(item)),
+                    React.createElement("div", { className: "time-line-comment-body" }, item.private ? (React.createElement(FAIcon, { icon: faLock, style: { display: "block", margin: "auto", fontSize: "large" } })) : ((_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.map((o, index) => (React.createElement(React.Fragment, { key: index },
+                        !!index && React.createElement("hr", { className: "time-line-comment-hr" }),
+                        React.createElement(MentionViewer, { activityId: item.id, html: o.value }))))))));
+        }
+        return super.Log(item, options);
+    }
+}
+export default DocumentActivityLogRenderer;
 //# sourceMappingURL=DocumentActivityLogRenderer.js.map

package/es/services/MentionViewer/index.d.ts

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

package/es/services/MentionViewer/index.js

@@ -1,25 +1,25 @@
-import React, { useEffect, useState } from "react";
-import MentionState from "../../controls/MentionState";
-import ReactDOM from "react-dom";
-import { State } from "./state";
-import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
-import { observe } from "@voplus/morpho-ui";
-import { useActivityStore } from "@voplus/morpho-org/es/data/ActivityStore";
-const MentionViewer = (props) => {
-    const store = useActivityStore();
-    const [state] = useState(new State());
-    useEffect(() => {
-        return () => {
-            if (state.renderMention)
-                ReactDOM.unmountComponentAtNode(state.renderMention);
-        };
-    }, []);
-    return observe(() => (React.createElement(Viewer, { html: props.html, onPrepareMention: (mention, unitId) => {
-            state.renderMention = document.createElement("i");
-            state.renderMention.className = "mention-state";
-            ReactDOM.render(React.createElement(MentionState, { store: store, activityId: props.activityId, unitId: unitId }), state.renderMention);
-            mention.appendChild(state.renderMention);
-        } })));
-};
-export default MentionViewer;
+import React, { useEffect, useState } from "react";
+import MentionState from "../../controls/MentionState";
+import ReactDOM from "react-dom";
+import { State } from "./state";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import { observe } from "@voplus/morpho-ui";
+import { useActivityStore } from "@voplus/morpho-org/es/data/ActivityStore";
+const MentionViewer = (props) => {
+    const store = useActivityStore();
+    const [state] = useState(new State());
+    useEffect(() => {
+        return () => {
+            if (state.renderMention)
+                ReactDOM.unmountComponentAtNode(state.renderMention);
+        };
+    }, []);
+    return observe(() => (React.createElement(Viewer, { html: props.html, onPrepareMention: (mention, unitId) => {
+            state.renderMention = document.createElement("i");
+            state.renderMention.className = "mention-state";
+            ReactDOM.render(React.createElement(MentionState, { store: store, activityId: props.activityId, unitId: unitId }), state.renderMention);
+            mention.appendChild(state.renderMention);
+        } })));
+};
+export default MentionViewer;
 //# sourceMappingURL=index.js.map

package/es/services/MentionViewer/state.d.ts

@@ -1,5 +1,5 @@
-export declare class State {
-    constructor();
-    /** loading */
-    renderMention: HTMLElement;
-}
+export declare class State {
+    constructor();
+    /** loading */
+    renderMention: HTMLElement;
+}

package/es/services/MentionViewer/state.js

@@ -1,18 +1,18 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** loading */
-        Object.defineProperty(this, "renderMention", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "renderMention", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** loading */
+        Object.defineProperty(this, "renderMention", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "renderMention", void 0);
 //# sourceMappingURL=state.js.map

package/es/services/SignActivityLogRenderer.d.ts

@@ -1,21 +1,21 @@
-import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
-import { IActivityLog } from "@voplus/morpho-document-core";
-import { IDocumentIconService } from "@voplus/morpho-document-core/es/services/DocumentIconService";
-import { LogRenderOptions } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService";
-import React from "react";
-export declare const ActivityActionType: {
-    Sent: string;
-    Reminded: string;
-    Signed: string;
-    Revoked: string;
-};
-declare class SignActivityLogRenderer extends ActivityRenderer {
-    protected icons: IDocumentIconService;
-    constructor(icons: IDocumentIconService);
-    protected getActionIconInfo(action: string): {
-        icon: React.ReactNode;
-        color: string;
-    };
-    protected Log(item: IActivityLog, options?: LogRenderOptions): JSX.Element;
-}
-export default SignActivityLogRenderer;
+import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
+import { IActivityLog } from "@voplus/morpho-document-core";
+import { IDocumentIconService } from "@voplus/morpho-document-core/es/services/DocumentIconService";
+import { LogRenderOptions } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService";
+import React from "react";
+export declare const ActivityActionType: {
+    Sent: string;
+    Reminded: string;
+    Signed: string;
+    Revoked: string;
+};
+declare class SignActivityLogRenderer extends ActivityRenderer {
+    protected icons: IDocumentIconService;
+    constructor(icons: IDocumentIconService);
+    protected getActionIconInfo(action: string): {
+        icon: React.ReactNode;
+        color: string;
+    };
+    protected Log(item: IActivityLog, options?: LogRenderOptions): JSX.Element;
+}
+export default SignActivityLogRenderer;

package/es/services/SignActivityLogRenderer.js

@@ -1,83 +1,83 @@
-import { faBellOn, faEnvelope, faEraser, faSignature } from "@fortawesome/pro-light-svg-icons";
-import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-export const ActivityActionType = {
-    Sent: "Sent",
-    Reminded: "Reminded",
-    Signed: "Signed",
-    Revoked: "Revoked",
-};
-class SignActivityLogRenderer extends ActivityRenderer {
-    constructor(icons) {
-        super(icons);
-        Object.defineProperty(this, "icons", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: icons
-        });
-    }
-    getActionIconInfo(action) {
-        let color = "";
-        switch (action) {
-            case ActivityActionType.Sent:
-                //color = "";
-                return { icon: React.createElement(FAIcon, { icon: faEnvelope, color: color }), color: color };
-            case ActivityActionType.Reminded:
-                color = "rgb(255, 202, 131)";
-                return { icon: React.createElement(FAIcon, { icon: faBellOn, color: color }), color: color };
-            case ActivityActionType.Signed:
-                //color = "#ffca83";
-                return { icon: React.createElement(FAIcon, { icon: faSignature, color: color }), color: color };
-            case ActivityActionType.Revoked:
-                color = "rgb(255, 77, 79)";
-                return { icon: React.createElement(FAIcon, { icon: faEraser, color: color }), color: color };
-        }
-        return super.getActionIconInfo(action);
-    }
-    Log(item, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        switch (item.action) {
-            case ActivityActionType.Sent:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        this.renderSubjectName(item),
-                        React.createElement("span", { className: "action" }, "Invited "),
-                        "others"),
-                    this.renderLogMeta(item)));
-            case ActivityActionType.Reminded:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        this.renderSubjectName(item),
-                        React.createElement("span", { className: "action" }, "Reminded "),
-                        "others"),
-                    this.renderLogMeta(item)));
-            case ActivityActionType.Signed:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        this.renderSubjectName(item),
-                        React.createElement("span", { className: "action" }, "Signed "),
-                        React.createElement("span", null, ((_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.length) == 2
-                            ? `${item.propertyObjects[0].name} (${(_b = item.propertyObjects) === null || _b === void 0 ? void 0 : _b[1].name}${((_c = item.propertyObjects) === null || _c === void 0 ? void 0 : _c[1].value) ? " " + ((_d = item.propertyObjects) === null || _d === void 0 ? void 0 : _d[1].value) : ""})`
-                            : (_e = item.propertyObjects) === null || _e === void 0 ? void 0 : _e[0].name)),
-                    this.renderLogMeta(item)));
-            case ActivityActionType.Revoked:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        this.renderSubjectName(item),
-                        React.createElement("span", { className: "action" }, "Revoked "),
-                        React.createElement("span", null,
-                            ((_f = item.propertyObjects) === null || _f === void 0 ? void 0 : _f.length) == 2
-                                ? `${item.propertyObjects[0].name} (${(_g = item.propertyObjects) === null || _g === void 0 ? void 0 : _g[1].name}${((_h = item.propertyObjects) === null || _h === void 0 ? void 0 : _h[1].value) ? " " + ((_j = item.propertyObjects) === null || _j === void 0 ? void 0 : _j[1].value) : ""})`
-                                : (_k = item.propertyObjects) === null || _k === void 0 ? void 0 : _k[0].name,
-                            ((_l = item.propertyObjects) === null || _l === void 0 ? void 0 : _l[0].value)
-                                ? ` because ${(_m = item.propertyObjects) === null || _m === void 0 ? void 0 : _m[0].value}`
-                                : "")),
-                    this.renderLogMeta(item)));
-        }
-        return super.Log(item, options);
-    }
-}
-export default SignActivityLogRenderer;
+import { faBellOn, faEnvelope, faEraser, faSignature } from "@fortawesome/pro-light-svg-icons";
+import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+export const ActivityActionType = {
+    Sent: "Sent",
+    Reminded: "Reminded",
+    Signed: "Signed",
+    Revoked: "Revoked",
+};
+class SignActivityLogRenderer extends ActivityRenderer {
+    constructor(icons) {
+        super(icons);
+        Object.defineProperty(this, "icons", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: icons
+        });
+    }
+    getActionIconInfo(action) {
+        let color = "";
+        switch (action) {
+            case ActivityActionType.Sent:
+                //color = "";
+                return { icon: React.createElement(FAIcon, { icon: faEnvelope, color: color }), color: color };
+            case ActivityActionType.Reminded:
+                color = "rgb(255, 202, 131)";
+                return { icon: React.createElement(FAIcon, { icon: faBellOn, color: color }), color: color };
+            case ActivityActionType.Signed:
+                //color = "#ffca83";
+                return { icon: React.createElement(FAIcon, { icon: faSignature, color: color }), color: color };
+            case ActivityActionType.Revoked:
+                color = "rgb(255, 77, 79)";
+                return { icon: React.createElement(FAIcon, { icon: faEraser, color: color }), color: color };
+        }
+        return super.getActionIconInfo(action);
+    }
+    Log(item, options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        switch (item.action) {
+            case ActivityActionType.Sent:
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", null,
+                        this.renderSubjectName(item),
+                        React.createElement("span", { className: "action" }, "Invited "),
+                        "others"),
+                    this.renderLogMeta(item)));
+            case ActivityActionType.Reminded:
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", null,
+                        this.renderSubjectName(item),
+                        React.createElement("span", { className: "action" }, "Reminded "),
+                        "others"),
+                    this.renderLogMeta(item)));
+            case ActivityActionType.Signed:
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", null,
+                        this.renderSubjectName(item),
+                        React.createElement("span", { className: "action" }, "Signed "),
+                        React.createElement("span", null, ((_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.length) == 2
+                            ? `${item.propertyObjects[0].name} (${(_b = item.propertyObjects) === null || _b === void 0 ? void 0 : _b[1].name}${((_c = item.propertyObjects) === null || _c === void 0 ? void 0 : _c[1].value) ? " " + ((_d = item.propertyObjects) === null || _d === void 0 ? void 0 : _d[1].value) : ""})`
+                            : (_e = item.propertyObjects) === null || _e === void 0 ? void 0 : _e[0].name)),
+                    this.renderLogMeta(item)));
+            case ActivityActionType.Revoked:
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", null,
+                        this.renderSubjectName(item),
+                        React.createElement("span", { className: "action" }, "Revoked "),
+                        React.createElement("span", null,
+                            ((_f = item.propertyObjects) === null || _f === void 0 ? void 0 : _f.length) == 2
+                                ? `${item.propertyObjects[0].name} (${(_g = item.propertyObjects) === null || _g === void 0 ? void 0 : _g[1].name}${((_h = item.propertyObjects) === null || _h === void 0 ? void 0 : _h[1].value) ? " " + ((_j = item.propertyObjects) === null || _j === void 0 ? void 0 : _j[1].value) : ""})`
+                                : (_k = item.propertyObjects) === null || _k === void 0 ? void 0 : _k[0].name,
+                            ((_l = item.propertyObjects) === null || _l === void 0 ? void 0 : _l[0].value)
+                                ? ` because ${(_m = item.propertyObjects) === null || _m === void 0 ? void 0 : _m[0].value}`
+                                : "")),
+                    this.renderLogMeta(item)));
+        }
+        return super.Log(item, options);
+    }
+}
+export default SignActivityLogRenderer;
 //# sourceMappingURL=SignActivityLogRenderer.js.map

package/es/style/index.less

@@ -0,0 +1,13 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+.themed {
+	:global {
+		.ant-btn-primary {
+			background-color: @success-color;
+		}
+	}
+}
+
+.app {
+	color: @primary-color;
+}

package/es/style/print.less

@@ -0,0 +1,18 @@
+@media print {
+	body {
+		color: #000;
+		background: #fff;
+		/* font-size: 10cm !important; */
+	}
+	section {
+		page-break-before: always;
+	}
+	h1 {
+		page-break-after: always;
+	}
+	p {
+		page-break-inside: avoid;
+		orphans: 3;
+		widows: 2;
+	}
+}

package/es/views/DocumentTabbedView/DraggableTabs.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-declare const DraggableTabs: (props: {
-    children: React.ReactNode;
-    /** 移动后的回调，返回移动id和afterId */
-    moveAfter?: ((id: string, afterId: string) => void) | undefined;
-}) => JSX.Element;
-export default DraggableTabs;
+import React from "react";
+declare const DraggableTabs: (props: {
+    children: React.ReactNode;
+    /** 移动后的回调，返回移动id和afterId */
+    moveAfter?: ((id: string, afterId: string) => void) | undefined;
+}) => JSX.Element;
+export default DraggableTabs;