@voplus/morpho-document 1.4.96 → 1.4.97

package/es/pages/Signature/Envelope/EnvelopeReport/index.less

@@ -0,0 +1,49 @@
+:global {
+	.envelope-report-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		.letter-header {
+			padding: 10px 20px;
+			color: #000;
+			font-size: 16px;
+			font-weight: 600;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.tag-view .add-tag-btn.show {
+			display: none;
+		}
+		.report-letter-item {
+			padding: 0 20px 15px 20px;
+			color: #000;
+			&:first-child {
+				padding-top: 15px;
+			}
+			.letter-item {
+				padding: 0;
+				border-bottom: 0;
+			}
+			.report-letter-line {
+				i {
+					opacity: 0;
+					margin-right: 6px;
+				}
+				.description {
+					margin-left: 8px;
+					color: #999;
+					cursor: pointer;
+				}
+			}
+			.status {
+				margin-right: 8px;
+			}
+			.light {
+				color: #999;
+				font-size: 13px;
+			}
+		}
+		.activity-log-view .list-header-tools {
+			display: none;
+		}
+	}
+}

package/es/pages/Signature/Envelope/components/EnvelopeCard/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import "./index.less";
-import { DocumentCardProps } from "@voplus/morpho-document-core";
-declare const EnvelopeCard: (props: DocumentCardProps) => JSX.Element;
-export default EnvelopeCard;
+/// <reference types="react" />
+import "./index.less";
+import { DocumentCardProps } from "@voplus/morpho-document-core";
+declare const EnvelopeCard: (props: DocumentCardProps) => JSX.Element;
+export default EnvelopeCard;

package/es/pages/Signature/Envelope/components/EnvelopeCard/index.js

@@ -1,58 +1,58 @@
-import "./index.less";
-import { Button, Checkbox } from "@voplus/antd";
-import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../../../../controls/data-icons";
-import { Edit, Open } from "../../../../../controls/ToolBar/buttons";
-import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
-import React, { useEffect, useState } from "react";
-import { autorun, runInAction } from "mobx";
-import { faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
-import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import DataIconBar from "../../../../../controls/DataIconBar";
-import DocumentHeader from "../../../../../components/DocumentHeader";
-import EnvelopeMenu from "../EnvelopeMenu";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FlagIcon from "../../../../../controls/data-icons/FlagIcon";
-import SignaturePercentageDataIcon from "../../controls/SignaturePercentageDataIcon";
-import { State } from "./state";
-import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useMetaStore } from "../../../../../data";
-const EnvelopeCard = (props) => {
-    const { id } = props;
-    const meta = useMetaStore();
-    const envelopStore = useEnvelopeStore();
-    const envelope = useEnvelope(props.id, { reload: true, includes: "tags,versions" });
-    const [context] = useState(new EnvelopeContextState(id, envelopStore));
-    const [state] = useState(new State(envelope, envelopStore));
-    const { multiple } = props;
-    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
-    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
-        React.createElement(Card, { className: "envelope-card", padding: "15px 12px", shadow: false, hoverShadow: true, onDoubleClick: props.onDoubleClick },
-            React.createElement("div", { className: "envelope-card-item", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)) },
-                React.createElement(DocumentHeader, { id: id, quickDataBarAlign: "left", clickNameEffect: "default", editMode: state.editable, status: envelope.envelopeStatus, pre: multiple ? (React.createElement(Checkbox, { value: envelope.id, className: "multiple-box" })) : (React.createElement(FlagIcon, { id: id, flag: envelope.flag, editable: !envelope.readonly, className: "flag-icon" })), quickDataBar: React.createElement(React.Fragment, null,
-                        React.createElement(DataIconBar, null,
-                            React.createElement(DateQuickIcon, { id: id }),
-                            React.createElement(CommentDataIcon, { id: id }),
-                            React.createElement(UserQuickIcon, { id: id })),
-                        React.createElement(SignaturePercentageDataIcon, { id: id })), flagVisible: false, toolsVisible: false, onChange: (name) => runInAction(() => (state.name = name)), ...props.headerProps }),
-                React.createElement("div", { className: "envelope-card-label" },
-                    !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", {
-                            show: state.isHover,
-                        }) },
-                        React.createElement(ToolBar, { id: props.id, moreProps: {
-                                menus: {
-                                    default: React.createElement(EnvelopeMenu, { id: id }),
-                                },
-                            } },
-                            React.createElement(Open, { url: meta.getRoute(envelope) }),
-                            React.createElement(Edit, { action: () => state.onEdit() })))),
-                    state.editable && (React.createElement("div", { className: "envelope-card-editable-name" },
-                        React.createElement(Button, { shape: "circle", size: "small", onClick: () => runInAction(() => (state.editable = false)) },
-                            React.createElement(FAIcon, { icon: faUndo })),
-                        React.createElement(Button, { type: "primary", size: "small", ghost: true, shape: "circle", disabled: !state.hasChanges, loading: state.loading, onClick: () => state.save() },
-                            React.createElement(FAIcon, { icon: faSave }))))))))));
-};
-export default EnvelopeCard;
+import "./index.less";
+import { Button, Checkbox } from "@voplus/antd";
+import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../../../../controls/data-icons";
+import { Edit, Open } from "../../../../../controls/ToolBar/buttons";
+import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
+import React, { useEffect, useState } from "react";
+import { autorun, runInAction } from "mobx";
+import { faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import DataIconBar from "../../../../../controls/DataIconBar";
+import DocumentHeader from "../../../../../components/DocumentHeader";
+import EnvelopeMenu from "../EnvelopeMenu";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "../../../../../controls/data-icons/FlagIcon";
+import SignaturePercentageDataIcon from "../../controls/SignaturePercentageDataIcon";
+import { State } from "./state";
+import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useMetaStore } from "../../../../../data";
+const EnvelopeCard = (props) => {
+    const { id } = props;
+    const meta = useMetaStore();
+    const envelopStore = useEnvelopeStore();
+    const envelope = useEnvelope(props.id, { reload: true, includes: "tags,versions" });
+    const [context] = useState(new EnvelopeContextState(id, envelopStore));
+    const [state] = useState(new State(envelope, envelopStore));
+    const { multiple } = props;
+    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
+    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
+        React.createElement(Card, { className: "envelope-card", padding: "15px 12px", shadow: false, hoverShadow: true, onDoubleClick: props.onDoubleClick },
+            React.createElement("div", { className: "envelope-card-item", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)) },
+                React.createElement(DocumentHeader, { id: id, quickDataBarAlign: "left", clickNameEffect: "default", editMode: state.editable, status: envelope.envelopeStatus, pre: multiple ? (React.createElement(Checkbox, { value: envelope.id, className: "multiple-box" })) : (React.createElement(FlagIcon, { id: id, flag: envelope.flag, editable: !envelope.readonly, className: "flag-icon" })), quickDataBar: React.createElement(React.Fragment, null,
+                        React.createElement(DataIconBar, null,
+                            React.createElement(DateQuickIcon, { id: id }),
+                            React.createElement(CommentDataIcon, { id: id }),
+                            React.createElement(UserQuickIcon, { id: id })),
+                        React.createElement(SignaturePercentageDataIcon, { id: id })), flagVisible: false, toolsVisible: false, onChange: (name) => runInAction(() => (state.name = name)), ...props.headerProps }),
+                React.createElement("div", { className: "envelope-card-label" },
+                    !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", {
+                            show: state.isHover,
+                        }) },
+                        React.createElement(ToolBar, { id: props.id, moreProps: {
+                                menus: {
+                                    default: React.createElement(EnvelopeMenu, { id: id }),
+                                },
+                            } },
+                            React.createElement(Open, { url: meta.getRoute(envelope) }),
+                            React.createElement(Edit, { action: () => state.onEdit() })))),
+                    state.editable && (React.createElement("div", { className: "envelope-card-editable-name" },
+                        React.createElement(Button, { shape: "circle", size: "small", onClick: () => runInAction(() => (state.editable = false)) },
+                            React.createElement(FAIcon, { icon: faUndo })),
+                        React.createElement(Button, { type: "primary", size: "small", ghost: true, shape: "circle", disabled: !state.hasChanges, loading: state.loading, onClick: () => state.save() },
+                            React.createElement(FAIcon, { icon: faSave }))))))))));
+};
+export default EnvelopeCard;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/EnvelopeCard/index.less

@@ -0,0 +1,63 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.envelope-card {
+		background: #ffffff;
+		cursor: pointer;
+		border-radius: 3px;
+		border: 1px solid rgba(0, 0, 0, 0.075);
+
+		.document-header-default {
+			padding: unset;
+			margin-bottom: 0.5rem;
+			.flag-icon {
+				margin-left: unset;
+			}
+		}
+		.envelope-card-control {
+			display: flex;
+			align-items: center;
+			font-size: 13px;
+			color: #666;
+			line-height: 24px;
+			& > span {
+				display: flex;
+				align-items: center;
+			}
+			& > span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+		.envelope-card-label {
+			height: 24px;
+			margin-top: 4px;
+		}
+		.hover-operate-icon {
+			opacity: 0;
+			height: 0;
+			transition: height 0.3s, opacity 0.4s ease-out;
+			&.show {
+				height: auto;
+				opacity: 1;
+			}
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
+			}
+		}
+		.envelope-card-editable-name {
+			display: flex;
+			justify-content: flex-end;
+			.ant-btn {
+				margin-left: 8px;
+			}
+		}
+	}
+}

package/es/pages/Signature/Envelope/components/EnvelopeCard/state.d.ts

@@ -1,16 +1,16 @@
-import { EnvelopeStore, IEnvelope } from "../../../data/envelope";
-export declare class State {
-    private envelope;
-    private store;
-    id: string;
-    name: string;
-    editable: boolean;
-    loading: boolean;
-    isHover: boolean;
-    reload: boolean;
-    constructor(envelope: IEnvelope, store: EnvelopeStore);
-    get hasChanges(): boolean | undefined;
-    update(envelope: IEnvelope): void;
-    save: () => Promise<void>;
-    onEdit: () => void;
-}
+import { EnvelopeStore, IEnvelope } from "../../../data/envelope";
+export declare class State {
+    private envelope;
+    private store;
+    id: string;
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    isHover: boolean;
+    reload: boolean;
+    constructor(envelope: IEnvelope, store: EnvelopeStore);
+    get hasChanges(): boolean | undefined;
+    update(envelope: IEnvelope): void;
+    save: () => Promise<void>;
+    onEdit: () => void;
+}

package/es/pages/Signature/Envelope/components/EnvelopeCard/state.js

@@ -1,123 +1,123 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable, runInAction } from "mobx";
-import { isEqual } from "lodash-es";
-export class State {
-    constructor(envelope, store) {
-        Object.defineProperty(this, "envelope", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: envelope
-        });
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "editable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isHover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "reload", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "save", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                this.loading = true;
-                await this.store.edit(this.envelope.id, { data: { Name: this.name }, error: "message" });
-                runInAction(() => {
-                    this.loading = false;
-                    this.editable = false;
-                });
-            }
-        });
-        Object.defineProperty(this, "onEdit", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.name = this.envelope.name;
-                this.isHover = false;
-                this.editable = !this.editable;
-            }
-        });
-        makeObservable(this);
-    }
-    get hasChanges() {
-        if (!this.name)
-            return;
-        const { name } = this.envelope;
-        const originalData = { name };
-        const modifiedData = {
-            name: this.name.trim(),
-        };
-        return !isEqual(originalData, modifiedData);
-    }
-    update(envelope) {
-        this.envelope = envelope;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "id", void 0);
-__decorate([
-    observable
-], State.prototype, "name", void 0);
-__decorate([
-    observable
-], State.prototype, "editable", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "isHover", void 0);
-__decorate([
-    observable
-], State.prototype, "reload", void 0);
-__decorate([
-    computed
-], State.prototype, "hasChanges", null);
-__decorate([
-    action
-], State.prototype, "update", null);
-__decorate([
-    action
-], State.prototype, "save", void 0);
-__decorate([
-    action
-], State.prototype, "onEdit", void 0);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable, runInAction } from "mobx";
+import { isEqual } from "lodash-es";
+export class State {
+    constructor(envelope, store) {
+        Object.defineProperty(this, "envelope", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: envelope
+        });
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "isHover", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "reload", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "save", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async () => {
+                this.loading = true;
+                await this.store.edit(this.envelope.id, { data: { Name: this.name }, error: "message" });
+                runInAction(() => {
+                    this.loading = false;
+                    this.editable = false;
+                });
+            }
+        });
+        Object.defineProperty(this, "onEdit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.name = this.envelope.name;
+                this.isHover = false;
+                this.editable = !this.editable;
+            }
+        });
+        makeObservable(this);
+    }
+    get hasChanges() {
+        if (!this.name)
+            return;
+        const { name } = this.envelope;
+        const originalData = { name };
+        const modifiedData = {
+            name: this.name.trim(),
+        };
+        return !isEqual(originalData, modifiedData);
+    }
+    update(envelope) {
+        this.envelope = envelope;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+__decorate([
+    computed
+], State.prototype, "hasChanges", null);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    action
+], State.prototype, "save", void 0);
+__decorate([
+    action
+], State.prototype, "onEdit", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/Signature/Envelope/components/EnvelopeMenu.d.ts

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