@voplus/morpho-document 5.0.18 → 5.0.20

package/es/pages/Signature/Envelope/components/{ReasonDialog.js → ReasonDialog/index.js}

@@ -1,26 +1,26 @@
-import { Button, Input, Modal } from "@voplus/antd";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useEnvelopeStore } from "../../data/envelope";
-const ReasonDialog = (props) => {
-    const { type, envelopeId, updateVisible } = props;
-    const envelopStore = useEnvelopeStore();
-    const [reason, setReason] = useState("");
-    const [loading, setLoading] = useState(false);
-    return observe(() => (React.createElement(Modal, { title: `${type} ?`, visible: true, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
-            React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
-            React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Confirm")) },
-        React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } }))));
-    async function remove() {
-        setLoading(true);
-        const EnvelopeStatus = type === "Reopen" ? "Signing" : type === "Complete" ? "Completed" : "Cancelled";
-        await envelopStore.edit(envelopeId, {
-            data: { EnvelopeStatus, Reason: reason },
-            error: "message",
-        });
-        setLoading(false);
-        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
-    }
-};
-export default ReasonDialog;
-//# sourceMappingURL=ReasonDialog.js.map
+import { Button, Input, Modal } from "antd";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useEnvelopeStore } from "../../../data/envelope";
+const ReasonDialog = (props) => {
+    const { type, envelopeId, updateVisible } = props;
+    const envelopStore = useEnvelopeStore();
+    const [reason, setReason] = useState("");
+    const [loading, setLoading] = useState(false);
+    return observe(() => (React.createElement(Modal, { title: `${type} ?`, open: true, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
+            React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
+            React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Confirm")) },
+        React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } }))));
+    async function remove() {
+        setLoading(true);
+        const EnvelopeStatus = type === "Reopen" ? "Signing" : type === "Complete" ? "Completed" : "Cancelled";
+        await envelopStore.edit(envelopeId, {
+            data: { EnvelopeStatus, Reason: reason },
+            error: "message",
+        });
+        setLoading(false);
+        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
+    }
+};
+export default ReasonDialog;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/ReasonDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/ReasonDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAC,KAOrB,EAAE,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,KAAK,EAAE,GAAG,IAAI,IAAI,EAClB,IAAI,QACJ,cAAc,EAAE,OAAO,EACvB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,EACtC,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EACnC,MAAM,EACL;YACC,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,YAAgB;YAC7D,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAE/C,CACJ;QAGP,oBAAC,KAAK,CAAC,QAAQ,IACd,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GACnC,CACK,CACR,CAAC,CAAC;IACH,KAAK,UAAU,MAAM;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,cAAc,GACnB,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;QACjF,MAAM,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE;YACxC,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;IACxB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/pages/Signature/Envelope/controls/EnvelopeMenu/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const EnvelopeMenu: (props: {
+    id: string;
+    onClickItem?: ((open?: boolean) => void) | undefined;
+}) => React.JSX.Element;
+export default EnvelopeMenu;

package/es/pages/Signature/Envelope/{components/EnvelopeMenu.js → controls/EnvelopeMenu/index.js}

@@ -1,71 +1,84 @@
-import { Access, Archive, Delete, Move, Paste, Pin, Unpin, PrintActivities, CopyReference, Lock, Unlock, } from "../../../../controls/DocumentMenu/items";
-import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
-import React, { useState, useMemo } from "react";
-import { faBellOn, faCheck, faEnvelope, faSync, faUndo } from "@fortawesome/pro-light-svg-icons";
-import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
-import { Button } from "@voplus/antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import ReasonDialog from "./ReasonDialog";
-import { observe } from "@voplus/morpho-ui";
-const EnvelopeMenu = (props) => {
-    var _a;
-    const [visible, setVisible] = useState(false);
-    const [reload, setReload] = useState(false);
-    const [type, setType] = useState("Cancel");
-    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
-    const envelope = useEnvelope(props.id, { reload: reload });
-    const store = useEnvelopeStore();
-    /** 有未签名line */
-    const unsigned = (_a = envelope === null || envelope === void 0 ? void 0 : envelope.letters) === null || _a === void 0 ? void 0 : _a.some((l) => { var _a; return (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.some(({ signatureDate }) => !signatureDate); });
-    return observe(() => {
-        var _a;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(DocumentMenuContext.Provider, { value: context },
-                React.createElement(Pin, null),
-                React.createElement(Unpin, null),
-                React.createElement(CopyReference, null),
-                React.createElement(Move, null),
-                React.createElement(Paste, null),
-                React.createElement(Lock, null),
-                React.createElement(Unlock, null),
-                envelope.envelopeStatus !== "Signing" && envelope.status === "Draft" && (React.createElement(Button, { type: "link", key: "Envelope", onClick: invite },
-                    React.createElement(FAIcon, { icon: faEnvelope }),
-                    React.createElement("span", null, "Send Envelope"))),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Reminders", onClick: remind },
-                    React.createElement(FAIcon, { icon: faBellOn }),
-                    React.createElement("span", null, "Send Reminders"))),
-                React.createElement(Access, null),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Complete", onClick: () => operate("Complete"), style: { color: "#52c41a" } },
-                    React.createElement(FAIcon, { icon: faCheck }),
-                    React.createElement("span", null, "Complete"))),
-                (envelope.envelopeStatus === "Cancelled" || envelope.envelopeStatus === "Completed") &&
-                    unsigned && (React.createElement(Button, { type: "link", key: "Reopen", onClick: () => operate("Reopen"), style: { color: "#1890ff" } },
-                    React.createElement(FAIcon, { icon: faSync }),
-                    React.createElement("span", null, "Reopen"))),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Cancel", onClick: () => operate("Cancel") },
-                    React.createElement(FAIcon, { icon: faUndo }),
-                    React.createElement("span", null, "Cancel"))),
-                React.createElement(Archive, null),
-                React.createElement(PrintActivities, null),
-                (!envelope.envelopeStatus || !((_a = envelope.letters) === null || _a === void 0 ? void 0 : _a.length)) && React.createElement(Delete, null)),
-            visible && (React.createElement(ReasonDialog, { type: type, envelopeId: props.id, updateVisible: (visible) => {
-                    setVisible(visible);
-                    setReload(true);
-                } }))));
-    });
-    /** email send */
-    async function invite() {
-        await store.invite(props.id, { error: "message" });
-    }
-    /** email remind */
-    async function remind() {
-        await store.remind(props.id, { error: "message" });
-    }
-    function operate(type) {
-        setType(type);
-        setVisible(true);
-        setReload(false);
-    }
-};
-export default EnvelopeMenu;
-//# sourceMappingURL=EnvelopeMenu.js.map
+import React, { useMemo, useState } from "react";
+import { Move, Pin, Unpin, CopyReference } from "../../../../../controls/DocumentMenu/items";
+import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
+import { faBellOn, faCheck, faEnvelope, faSync, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
+import { Button } from "antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { observe, MenuTitle } from "@voplus/morpho-ui";
+import SubPasteMenu from "../../../../../controls/SubPasteMenu";
+import LockMenuGroup from "../../../../../controls/DocumentMenu/LockMenuGroup";
+import MiscMenuGroup from "../../../../../controls/DocumentMenu/MiscMenuGroup";
+import ReasonDialog from "../../components/ReasonDialog";
+const EnvelopeMenu = (props) => {
+    var _a;
+    const [visible, setVisible] = useState(false);
+    const [reload, setReload] = useState(false);
+    const [type, setType] = useState("Cancel");
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    const envelope = useEnvelope(props.id, { reload: reload });
+    const store = useEnvelopeStore();
+    /** 有未签名line */
+    const unsigned = (_a = envelope === null || envelope === void 0 ? void 0 : envelope.letters) === null || _a === void 0 ? void 0 : _a.some((l) => { var _a; return (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.some(({ signatureDate }) => !signatureDate); });
+    return observe(() => {
+        var _a;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DocumentMenuContext.Provider, { value: context },
+                React.createElement(MenuTitle, { title: "Envelope Menu" }),
+                envelope.envelopeStatus !== "Signing" && envelope.status === "Draft" && (React.createElement(Button, { type: "link", key: "Envelope", onClick: invite },
+                    React.createElement(FAIcon, { icon: faEnvelope }),
+                    React.createElement("span", null, "Send Envelope"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Reminders", onClick: remind },
+                    React.createElement(FAIcon, { icon: faBellOn }),
+                    React.createElement("span", null, "Send Reminders"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Complete", onClick: () => {
+                        var _a;
+                        operate("Complete");
+                        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props);
+                    }, style: { color: "#52c41a" } },
+                    React.createElement(FAIcon, { icon: faCheck }),
+                    React.createElement("span", null, "Complete"))),
+                (envelope.envelopeStatus === "Cancelled" || envelope.envelopeStatus === "Completed") &&
+                    unsigned && (React.createElement(Button, { type: "link", key: "Reopen", onClick: () => {
+                        var _a;
+                        operate("Reopen");
+                        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props);
+                    }, style: { color: "#1890ff" } },
+                    React.createElement(FAIcon, { icon: faSync }),
+                    React.createElement("span", null, "Reopen"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Cancel", onClick: () => operate("Cancel") },
+                    React.createElement(FAIcon, { icon: faUndo }),
+                    React.createElement("span", null, "Cancel"))),
+                React.createElement(MenuTitle, { title: "Document Menu" }),
+                React.createElement(Pin, null),
+                React.createElement(Unpin, null),
+                React.createElement(CopyReference, null),
+                React.createElement(Move, null),
+                React.createElement(SubPasteMenu, { onClickItem: props.onClickItem }),
+                React.createElement(LockMenuGroup, { configMenu: ["Lock", "Unlock"] }),
+                React.createElement(MiscMenuGroup, { configMenu: !envelope.envelopeStatus || !((_a = envelope.letters) === null || _a === void 0 ? void 0 : _a.length)
+                        ? ["PrintActivities", "Access", "Archive", "Delete"]
+                        : ["PrintActivities", "Access", "Archive"], 
+                    // style={{ left: "-180px" }}
+                    onClickItem: props.onClickItem })),
+            visible && (React.createElement(ReasonDialog, { type: type, envelopeId: props.id, updateVisible: (visible) => {
+                    setVisible(visible);
+                    setReload(true);
+                } }))));
+    });
+    /** email send */
+    async function invite() {
+        await store.invite(props.id, { error: "message" });
+    }
+    /** email remind */
+    async function remind() {
+        await store.remind(props.id, { error: "message" });
+    }
+    function operate(type) {
+        setType(type);
+        setVisible(true);
+        setReload(false);
+    }
+};
+export default EnvelopeMenu;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/EnvelopeMenu/index.js.map

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

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EnvelopeStatusLabel: (props: {
-    status: string;
-    className?: string;
-}) => JSX.Element;
-export default EnvelopeStatusLabel;
+import "./index.less";
+import React from "react";
+declare const EnvelopeStatusLabel: (props: {
+    status: string;
+    className?: string;
+}) => React.JSX.Element;
+export default EnvelopeStatusLabel;

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.js

@@ -1,9 +1,9 @@
-import "./index.less";
-import DocumentStatusLabel from "../../../../../controls/DocumentStatusLabel";
-import React from "react";
-import classnames from "classnames";
-const EnvelopeStatusLabel = (props) => {
-    return (React.createElement(DocumentStatusLabel, { className: classnames("envelope-status", props.className), editable: false, list: [{ name: "Signing" }, { name: "Cancelled" }, { name: "Completed" }], status: props.status }));
-};
-export default EnvelopeStatusLabel;
+import "./index.less";
+import DocumentStatusLabel from "../../../../../controls/DocumentStatusLabel";
+import React from "react";
+import classnames from "classnames";
+const EnvelopeStatusLabel = (props) => {
+    return (React.createElement(DocumentStatusLabel, { className: classnames("envelope-status", props.className), editable: false, list: [{ name: "Signing" }, { name: "Cancelled" }, { name: "Completed" }], status: props.status }));
+};
+export default EnvelopeStatusLabel;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.less

@@ -1,20 +1,20 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.envelope-status {
-		&.signing,
-		&.signing:hover {
-			border: unset;
-			background: #e6ad51;
-			color: white;
-		}
-		&.cancelled,
-		&.cancelled:hover {
-			background: @closed-color;
-		}
-		&.completed,
-		&.completed:hover {
-			background: @done-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.envelope-status {
+		&.signing,
+		&.signing:hover {
+			border: unset;
+			background: #e6ad51;
+			color: white;
+		}
+		&.cancelled,
+		&.cancelled:hover {
+			background: @closed-color;
+		}
+		&.completed,
+		&.completed:hover {
+			background: @done-color;
+		}
+	}
+}

package/es/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import "./index.less";
-declare const SignaturePercentageDataIcon: {
-    (props: {
-        /** id of meeting */
-        id: string;
-        /** width of Progress */
-        width?: string;
-        /** 显示与否 */
-        visible?: boolean;
-    }): JSX.Element;
-    defaultProps: {
-        width: string;
-        visible: boolean;
-    };
-};
-export default SignaturePercentageDataIcon;
+import "./index.less";
+import React from "react";
+declare const SignaturePercentageDataIcon: {
+    (props: {
+        /** id of meeting */
+        id: string;
+        /** width of Progress */
+        width?: string;
+        /** 显示与否 */
+        visible?: boolean;
+    }): React.JSX.Element;
+    defaultProps: {
+        width: string;
+        visible: boolean;
+    };
+};
+export default SignaturePercentageDataIcon;

package/es/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.js

@@ -1,28 +1,28 @@
-import "./index.less";
-import { Popover, Progress } from "@voplus/antd";
-import LetterList from "../../../Letter/LetterList";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useEnvelopContext } from "../../../data/EnvelopeContext";
-const SignaturePercentageDataIcon = (props) => {
-    var _a, _b;
-    const { id, width, visible } = props;
-    const context = useEnvelopContext();
-    const signedNum = (_a = context.letters) === null || _a === void 0 ? void 0 : _a.reduce((total, l) => { var _a, _b; return total + ((_b = (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.filter((s) => !!s.signatureDate)) === null || _b === void 0 ? void 0 : _b.length); }, 0);
-    const signTotal = (_b = context.letters) === null || _b === void 0 ? void 0 : _b.reduce((total, l) => { var _a; return total + (((_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.length) - 0); }, 0);
-    return observe(() => {
-        var _a, _b, _c, _d;
-        return !!visible ? (React.createElement(Popover, { content: !!((_a = context.letters) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement("div", { style: {
-                    height: ((_b = context.letters) === null || _b === void 0 ? void 0 : _b.length) < 4 ? 100 * ((_c = context.letters) === null || _c === void 0 ? void 0 : _c.length) : "50vh",
-                } },
-                React.createElement(LetterList, { id: id, clickName: false }))) : (React.createElement(React.Fragment, null)), title: !!((_d = context.letters) === null || _d === void 0 ? void 0 : _d.length) ? "Documents" : "", overlayClassName: "signature-percentage-popover" },
-            React.createElement("span", { className: "data-icon", style: { width: width } },
-                React.createElement(Progress, { percent: Number.parseInt(((signedNum / signTotal) * 100).toFixed(2)), size: "small" })))) : (React.createElement(React.Fragment, null));
-    });
-};
-SignaturePercentageDataIcon.defaultProps = {
-    width: "70px",
-    visible: true,
-};
-export default SignaturePercentageDataIcon;
+import "./index.less";
+import { Popover, Progress } from "antd";
+import LetterList from "../../../Letter/LetterList";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useEnvelopContext } from "../../../data/EnvelopeContext";
+const SignaturePercentageDataIcon = (props) => {
+    var _a, _b;
+    const { id, width, visible } = props;
+    const context = useEnvelopContext();
+    const signedNum = (_a = context.letters) === null || _a === void 0 ? void 0 : _a.reduce((total, l) => { var _a, _b; return total + ((_b = (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.filter((s) => !!s.signatureDate)) === null || _b === void 0 ? void 0 : _b.length); }, 0);
+    const signTotal = (_b = context.letters) === null || _b === void 0 ? void 0 : _b.reduce((total, l) => { var _a; return total + (((_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.length) - 0); }, 0);
+    return observe(() => {
+        var _a, _b, _c, _d;
+        return !!visible ? (React.createElement(Popover, { content: !!((_a = context.letters) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement("div", { style: {
+                    height: ((_b = context.letters) === null || _b === void 0 ? void 0 : _b.length) < 4 ? 100 * ((_c = context.letters) === null || _c === void 0 ? void 0 : _c.length) : "50vh",
+                } },
+                React.createElement(LetterList, { id: id, clickName: false }))) : (React.createElement(React.Fragment, null)), title: !!((_d = context.letters) === null || _d === void 0 ? void 0 : _d.length) ? "Documents" : "", overlayClassName: "signature-percentage-popover" },
+            React.createElement("span", { className: "data-icon", style: { width: width } },
+                React.createElement(Progress, { percent: Number.parseInt(((signedNum / signTotal) * 100).toFixed(2)), size: "small" })))) : (React.createElement(React.Fragment, null));
+    });
+};
+SignaturePercentageDataIcon.defaultProps = {
+    width: "70px",
+    visible: true,
+};
+export default SignaturePercentageDataIcon;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,2BAA2B,GAAG,CAAC,KAOpC,EAAE,EAAE;;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CACxC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,eAAC,OAAA,KAAK,IAAG,MAAA,MAAA,CAAC,CAAC,cAAc,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,0CAAE,MAAM,CAAA,CAAA,EAAA,EAChF,CAAC,CACD,CAAC;IAEF,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CACxC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,WAAC,OAAA,KAAK,GAAG,CAAC,CAAA,MAAA,CAAC,CAAC,cAAc,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAA,EAAA,EACpD,CAAC,CACD,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE;;QACnB,OAAA,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACX,oBAAC,OAAO,IACP,OAAO,EACN,CAAC,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CAC3B,6BACC,KAAK,EAAE;oBACN,MAAM,EAAE,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,MAAM;iBAC5E;gBAED,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACnC,CACN,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,EAEF,KAAK,EAAE,CAAC,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACnD,gBAAgB,EAAC,8BAA8B;YAE/C,8BAAM,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAClD,oBAAC,QAAQ,IACR,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EACpE,IAAI,EAAC,OAAO,GACX,CACI,CACE,CACV,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,CAAA;KAAA,CACD,CAAC;AACH,CAAC,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG;IAC1C,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,IAAI;CACb,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,2BAA2B,GAAG,CAAC,KAOpC,EAAE,EAAE;;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CACxC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,eAAC,OAAA,KAAK,IAAG,MAAA,MAAA,CAAC,CAAC,cAAc,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,0CAAE,MAAM,CAAA,CAAA,EAAA,EAChF,CAAC,CACD,CAAC;IAEF,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CACxC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,WAAC,OAAA,KAAK,GAAG,CAAC,CAAA,MAAA,CAAC,CAAC,cAAc,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAA,EAAA,EACpD,CAAC,CACD,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE;;QACnB,OAAA,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACX,oBAAC,OAAO,IACP,OAAO,EACN,CAAC,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CAC3B,6BACC,KAAK,EAAE;oBACN,MAAM,EAAE,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,MAAM;iBAC5E;gBAED,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACnC,CACN,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,EAEF,KAAK,EAAE,CAAC,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACnD,gBAAgB,EAAC,8BAA8B;YAE/C,8BAAM,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAClD,oBAAC,QAAQ,IACR,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EACpE,IAAI,EAAC,OAAO,GACX,CACI,CACE,CACV,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,CAAA;KAAA,CACD,CAAC;AACH,CAAC,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG;IAC1C,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,IAAI;CACb,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/es/pages/Signature/Envelope/controls/SignaturePercentageDataIcon/index.less

@@ -1,14 +1,14 @@
-:global {
-	.signature-percentage-popover {
-		width: 440px;
-		.ant-popover-inner-content {
-			padding: 0;
-			.letter-view-upload {
-				height: 100%;
-				.letter-item {
-					padding: 10px 20px;
-				}
-			}
-		}
-	}
-}
+:global {
+	.signature-percentage-popover {
+		width: 440px;
+		.ant-popover-inner-content {
+			padding: 0;
+			.letter-view-upload {
+				height: 100%;
+				.letter-item {
+					padding: 10px 20px;
+				}
+			}
+		}
+	}
+}

package/es/pages/Signature/Letter/LetterContentView/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import "./index.less";
-import { LetterContentViewProps } from "./state";
-declare const LetterContentView: (props: LetterContentViewProps) => JSX.Element;
-export default LetterContentView;
+import React from "react";
+import { LetterContentViewProps } from "./state";
+import "./index.less";
+declare const LetterContentView: (props: LetterContentViewProps) => React.JSX.Element;
+export default LetterContentView;

package/es/pages/Signature/Letter/LetterContentView/index.js

@@ -1,58 +1,62 @@
-import "./index.less";
-import { useEnvelopeStore } from "../../data/envelope";
-import { State } from "./state";
-import { Modal, Spin, Tooltip } from "@voplus/antd";
-import React, { useState } from "react";
-import { Zoom, ZoomIn, ZoomOut } from "../../../../controls/PDFViewer/Toolbar/buttons";
-import { faDownload, faFileSignature } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FileViewer from "../../../../components/FileViewer";
-import { LoadingOutlined } from "@ant-design/icons";
-import PDFFileViewer from "../../../../components/FileViewer/PDF";
-import SignatureRecipient from "../../SignatureRecipient";
-import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
-import Toolbar from "../../../../controls/PDFViewer/Toolbar";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useEnvelopContext } from "../../data/EnvelopeContext";
-import { useFile } from "@voplus/morpho-document-core";
-const LetterContentView = (props) => {
-    const { envelopeId, letter } = props;
-    const { user } = useApplicationContext();
-    const doc = useFile(letter === null || letter === void 0 ? void 0 : letter.document.id, { reload: true });
-    const envelopeStore = useEnvelopeStore();
-    const context = useEnvelopContext();
-    const [state] = useState(new State(user.info.id, context.letters));
-    state.props = props;
-    return observe(() => {
-        var _a, _b, _c;
-        return (React.createElement("div", { className: "letter-content-view" },
-            React.createElement("div", { className: classnames("letter-content-card") }, (doc === null || doc === void 0 ? void 0 : doc.loading) ? (React.createElement("div", { style: { textAlign: "center" } },
-                React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(React.Fragment, null, (doc === null || doc === void 0 ? void 0 : doc.type) === "Text" ? (React.createElement(TextEditor, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, proseMirrorProps: { readonly: true } })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(doc === null || doc === void 0 ? void 0 : doc.mimetype) ||
-                ((_a = doc === null || doc === void 0 ? void 0 : doc.name) === null || _a === void 0 ? void 0 : _a.includes(".wopitest")) ? (React.createElement(PDFFileViewer, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, download: getBlob, viewerProps: {
-                    toolbar: (React.createElement(Toolbar, { className: "letter-pdf-viewer-toolbar" },
-                        React.createElement(ZoomOut, null),
-                        React.createElement(Zoom, null),
-                        React.createElement(ZoomIn, null),
-                        !!((_b = state.lines) === null || _b === void 0 ? void 0 : _b.length) && ((_c = context.envelope) === null || _c === void 0 ? void 0 : _c.envelopeStatus) === "Signing" ? (React.createElement("span", { className: "letter-viewer-btn", "data-tut": "sign", onClick: () => runInAction(() => (state.visible = true)) },
-                            React.createElement(FAIcon, { icon: faFileSignature }),
-                            " Sign")) : (React.createElement("span", { "data-tut": "sign", className: "letter-viewer-btn" })),
-                        React.createElement(Tooltip, { title: "Download" },
-                            React.createElement(FAIcon, { icon: faDownload, className: "letter-download-btn", onClick: () => context.download(letter === null || letter === void 0 ? void 0 : letter.id, doc.name) })))),
-                } })) : (React.createElement(FileViewer, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    height: "100%",
-                } }))))),
-            state.visible && (React.createElement(Modal, { title: state.lines.length > 1 ? "Sign List" : React.createElement(React.Fragment, null), width: state.lines.length > 1 ? 400 : 500, visible: state.visible, closable: false, footer: null, onCancel: () => (state.visible = false), className: classnames("signature-recipient_popover", { none: state.lines.length === 1 }) },
-                React.createElement(SignatureRecipient, { envelopeId: envelopeId, letterId: (letter === null || letter === void 0 ? void 0 : letter.id) || "", lines: state.lines || [] })))));
-    });
-    /** pdf 文件流 */
-    async function getBlob() {
-        return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "");
-    }
-};
-export default LetterContentView;
+import React, { useState } from "react";
+import { useEnvelopeStore, useEnvelope } from "../../data/envelope";
+import { State } from "./state";
+import { Modal, Alert, Spin, Tooltip } from "antd";
+import { Zoom, ZoomIn, ZoomOut } from "../../../../controls/PDFViewer/Toolbar/buttons";
+import { faDownload, faFileSignature } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { LoadingOutlined } from "@ant-design/icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useFile } from "@voplus/morpho-document-core";
+import PDFFileViewer from "../../../../components/FileViewer/PDF";
+import SignatureRecipient from "../../SignatureRecipient";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
+import Toolbar from "../../../../controls/PDFViewer/Toolbar";
+import FileViewer from "../../../../components/FileViewer";
+import classnames from "classnames";
+import "./index.less";
+const LetterContentView = (props) => {
+    const { envelopeId, letter } = props;
+    const { user } = useApplicationContext();
+    const doc = useFile(letter === null || letter === void 0 ? void 0 : letter.document.id, { reload: true });
+    const envelop = useEnvelope(envelopeId);
+    const envelopeStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const [state] = useState(new State(user.info.id, context.letters));
+    state.props = props;
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement("div", { className: "letter-content-view" },
+            React.createElement("div", { className: classnames("letter-content-card") }, (doc === null || doc === void 0 ? void 0 : doc.loading) ? (React.createElement("div", { style: { textAlign: "center" } },
+                React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(React.Fragment, null,
+                envelop.envelopeStatus === "Completed" && (React.createElement(Alert, { message: "Success! Digital signing of the envelope has been completed.", style: { border: "none", borderRadius: "0px" }, type: "success" })),
+                envelop.envelopeStatus === "Cancelled" && (React.createElement(Alert, { message: "Attention: Digital signing of the envelope has been cancelled.", style: { border: "none", borderRadius: "0px" }, type: "error" })),
+                (doc === null || doc === void 0 ? void 0 : doc.type) === "Text" ? (React.createElement(TextEditor, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, proseMirrorProps: { readonly: true } })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(doc === null || doc === void 0 ? void 0 : doc.mimetype) ||
+                    ((_a = doc === null || doc === void 0 ? void 0 : doc.name) === null || _a === void 0 ? void 0 : _a.includes(".wopitest")) ? (React.createElement(PDFFileViewer, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, download: getBlob, viewerProps: {
+                        toolbar: (React.createElement(Toolbar, { className: "letter-pdf-viewer-toolbar" },
+                            React.createElement(ZoomOut, null),
+                            React.createElement(Zoom, null),
+                            React.createElement(ZoomIn, null),
+                            !!((_b = state.lines) === null || _b === void 0 ? void 0 : _b.length) && ((_c = context.envelope) === null || _c === void 0 ? void 0 : _c.envelopeStatus) === "Signing" ? (React.createElement("span", { className: "letter-viewer-btn", "data-tut": "sign", onClick: () => runInAction(() => (state.visible = true)) },
+                                React.createElement(FAIcon, { icon: faFileSignature }),
+                                " Sign")) : (React.createElement("span", { "data-tut": "sign", className: "letter-viewer-btn" })),
+                            React.createElement(Tooltip, { title: "Download" },
+                                React.createElement(FAIcon, { icon: faDownload, className: "letter-download-btn", onClick: () => context.download(letter === null || letter === void 0 ? void 0 : letter.id, doc.name) })))),
+                    } })) : (React.createElement(FileViewer, { id: letter === null || letter === void 0 ? void 0 : letter.document.id, style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        height: "100%",
+                    } }))))),
+            state.visible && (React.createElement(Modal, { title: state.lines.length > 1 ? "Sign List" : React.createElement(React.Fragment, null), width: state.lines.length > 1 ? 400 : 500, open: state.visible, closable: false, footer: null, onCancel: () => (state.visible = false), className: classnames("signature-recipient_popover", { none: state.lines.length === 1 }) },
+                React.createElement(SignatureRecipient, { envelopeId: envelopeId, letterId: (letter === null || letter === void 0 ? void 0 : letter.id) || "", lines: state.lines || [] })))));
+    });
+    /** pdf 文件流 */
+    async function getBlob() {
+        return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "");
+    }
+};
+export default LetterContentView;
 //# sourceMappingURL=index.js.map