@voplus/morpho-document 1.4.97 → 1.4.100

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

@@ -1,50 +1,50 @@
-import "./index.less";
-import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
-import { Open, Reload } from "../../../../../controls/ToolBar/buttons";
-import React, { useEffect, useState } from "react";
-import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
-import DescriptionEditor from "../../../../../controls/DescriptionEditor";
-import DocumentHeader from "../../../../../components/DocumentHeader";
-import EnvelopeMenu from "../EnvelopeMenu";
-import LetterList from "../../../Letter/LetterList";
-import { LoadingOutlined } from "@ant-design/icons";
-import Skeleton from "@voplus/antd/es/skeleton";
-import { Spin } from "@voplus/antd";
-import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
-import { autorun } from "mobx";
-import { observe } from "@voplus/morpho-ui";
-import { useMetaStore } from "../../../../../data";
-/** create Type:'signEnvelope' */
-const PropertiesView = (props) => {
-    const { id, toolbar, size, quickDataBarAlign, closeAside, style } = props;
-    const meta = useMetaStore();
-    const envelopStore = useEnvelopeStore();
-    const [context] = useState(new EnvelopeContextState(id, envelopStore));
-    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
-    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
-    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
-        React.createElement("div", { className: "envelope-default-view", style: style },
-            React.createElement("header", null,
-                React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
-                            closeAside: !!closeAside,
-                            menus: {
-                                default: React.createElement(EnvelopeMenu, { id: id }),
-                            },
-                        } },
-                        React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
-                envelope.loading ? (React.createElement("div", { className: "envelope-description" },
-                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly, padding: "0 0 0.75rem 0" }))),
-            envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
-                React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" }))))));
-    /** reload */
-    async function reload() {
-        context.reloadLoading = true;
-        await context.reload();
-        context.reloadLoading = false;
-    }
-};
-PropertiesView.defaultProps = {
-    size: "h2",
-};
-export default PropertiesView;
+import "./index.less";
+import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
+import { Open, Reload } from "../../../../../controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
+import DescriptionEditor from "../../../../../controls/DescriptionEditor";
+import DocumentHeader from "../../../../../components/DocumentHeader";
+import EnvelopeMenu from "../EnvelopeMenu";
+import LetterList from "../../../Letter/LetterList";
+import { LoadingOutlined } from "@ant-design/icons";
+import Skeleton from "@voplus/antd/es/skeleton";
+import { Spin } from "@voplus/antd";
+import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
+import { autorun } from "mobx";
+import { observe } from "@voplus/morpho-ui";
+import { useMetaStore } from "../../../../../data";
+/** create Type:'signEnvelope' */
+const PropertiesView = (props) => {
+    const { id, toolbar, size, quickDataBarAlign, closeAside, style } = props;
+    const meta = useMetaStore();
+    const envelopStore = useEnvelopeStore();
+    const [context] = useState(new EnvelopeContextState(id, envelopStore));
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
+    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
+        React.createElement("div", { className: "envelope-default-view", style: style },
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
+                            closeAside: !!closeAside,
+                            menus: {
+                                default: React.createElement(EnvelopeMenu, { id: id }),
+                            },
+                        } },
+                        React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
+                envelope.loading ? (React.createElement("div", { className: "envelope-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly, padding: "0 0 0.75rem 0" }))),
+            envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
+                React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" }))))));
+    /** reload */
+    async function reload() {
+        context.reloadLoading = true;
+        await context.reload();
+        context.reloadLoading = false;
+    }
+};
+PropertiesView.defaultProps = {
+    size: "h2",
+};
+export default PropertiesView;
 //# sourceMappingURL=index.js.map

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const ReasonDialog: (props: {
-    /** title of dialog */
-    type: "Cancel" | "Complete" | "Reopen";
-    /** id of envelope */
-    envelopeId: string;
-    /** */
-    updateVisible?: ((visible: boolean) => void) | undefined;
-}) => JSX.Element;
-export default ReasonDialog;
+/// <reference types="react" />
+declare const ReasonDialog: (props: {
+    /** title of dialog */
+    type: "Cancel" | "Complete" | "Reopen";
+    /** id of envelope */
+    envelopeId: string;
+    /** */
+    updateVisible?: ((visible: boolean) => void) | undefined;
+}) => JSX.Element;
+export default ReasonDialog;

package/es/pages/Signature/Envelope/components/ReasonDialog.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;
+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

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;
+/// <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;

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 "@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;
 //# sourceMappingURL=index.js.map

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;
+/// <reference types="react" />
+import "./index.less";
+import { LetterContentViewProps } from "./state";
+declare const LetterContentView: (props: LetterContentViewProps) => JSX.Element;
+export default LetterContentView;

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

@@ -1,58 +1,58 @@
-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 "./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;
 //# sourceMappingURL=index.js.map

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

@@ -1,20 +1,20 @@
-import { ILetter } from "../../data/envelope";
-export declare type LetterContentViewProps = {
-    /** id of letter */
-    /** id of envelope */
-    envelopeId: string;
-    letter: ILetter;
-    onOpen?: (id: string) => void;
-};
-export declare class State {
-    private useId;
-    private letters;
-    props: LetterContentViewProps;
-    /** visible of SignatureRecipient Popover */
-    visible: boolean;
-    constructor(useId: string, letters: ILetter[]);
-    /** 在签名 context.reload() 能拿到update后的letter数据 */
-    get letter(): ILetter;
-    /** 只显示當前用戶的签名 */
-    get lines(): import("../../data/envelope").ISignatureLine[];
-}
+import { ILetter } from "../../data/envelope";
+export declare type LetterContentViewProps = {
+    /** id of letter */
+    /** id of envelope */
+    envelopeId: string;
+    letter: ILetter;
+    onOpen?: (id: string) => void;
+};
+export declare class State {
+    private useId;
+    private letters;
+    props: LetterContentViewProps;
+    /** visible of SignatureRecipient Popover */
+    visible: boolean;
+    constructor(useId: string, letters: ILetter[]);
+    /** 在签名 context.reload() 能拿到update后的letter数据 */
+    get letter(): ILetter;
+    /** 只显示當前用戶的签名 */
+    get lines(): import("../../data/envelope").ISignatureLine[];
+}

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

@@ -1,52 +1,52 @@
-import { __decorate } from "tslib";
-import { computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor(useId, letters) {
-        Object.defineProperty(this, "useId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: useId
-        });
-        Object.defineProperty(this, "letters", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: letters
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** visible of SignatureRecipient Popover */
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    /** 在签名 context.reload() 能拿到update后的letter数据 */
-    get letter() {
-        return this.letters.find((l) => l.document.id === this.props.letter.document.id);
-    }
-    /** 只显示當前用戶的签名 */
-    get lines() {
-        var _a;
-        const signatureLines = (this.letter && ((_a = this.letter) === null || _a === void 0 ? void 0 : _a.signatureLines)) || [];
-        return signatureLines.filter((s) => { var _a; return ((_a = s.signer) === null || _a === void 0 ? void 0 : _a.id) === this.useId; });
-    }
-}
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    computed
-], State.prototype, "letter", null);
-__decorate([
-    computed
-], State.prototype, "lines", null);
+import { __decorate } from "tslib";
+import { computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor(useId, letters) {
+        Object.defineProperty(this, "useId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: useId
+        });
+        Object.defineProperty(this, "letters", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: letters
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** visible of SignatureRecipient Popover */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    /** 在签名 context.reload() 能拿到update后的letter数据 */
+    get letter() {
+        return this.letters.find((l) => l.document.id === this.props.letter.document.id);
+    }
+    /** 只显示當前用戶的签名 */
+    get lines() {
+        var _a;
+        const signatureLines = (this.letter && ((_a = this.letter) === null || _a === void 0 ? void 0 : _a.signatureLines)) || [];
+        return signatureLines.filter((s) => { var _a; return ((_a = s.signer) === null || _a === void 0 ? void 0 : _a.id) === this.useId; });
+    }
+}
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    computed
+], State.prototype, "letter", null);
+__decorate([
+    computed
+], State.prototype, "lines", null);
 //# sourceMappingURL=state.js.map

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

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import "./index.less";
-import { ILetter } from "../../data/envelope";
-declare const LetterItem: (props: {
-    /** */
-    index: number;
-    /** id of type of SignEnvelope of document */
-    envelopeId: string;
-    /** letter of envelope */
-    letter: ILetter;
-    /** Size of title and icon */
-    size?: "normal" | "h1" | "h2" | "h3" | "h4" | undefined;
-    /** EnvelopeRecipientView 格式  */
-    recipient?: boolean | undefined;
-    /** 可点击Name */
-    clickName?: boolean | undefined;
-    /**  */
-    onClick?: ((id: string) => void) | undefined;
-}) => JSX.Element;
-export default LetterItem;
+/// <reference types="react" />
+import "./index.less";
+import { ILetter } from "../../data/envelope";
+declare const LetterItem: (props: {
+    /** */
+    index: number;
+    /** id of type of SignEnvelope of document */
+    envelopeId: string;
+    /** letter of envelope */
+    letter: ILetter;
+    /** Size of title and icon */
+    size?: "normal" | "h1" | "h2" | "h3" | "h4" | undefined;
+    /** EnvelopeRecipientView 格式  */
+    recipient?: boolean | undefined;
+    /** 可点击Name */
+    clickName?: boolean | undefined;
+    /**  */
+    onClick?: ((id: string) => void) | undefined;
+}) => JSX.Element;
+export default LetterItem;