@voplus/morpho-document 1.0.0-dev299 → 1.0.0-dev301

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

@@ -1,66 +1,52 @@
 import "./index.less";
-import { Button, Popover, Skeleton, Tooltip } from "@voplus/antd";
-import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
-import React, { useEffect, useState } from "react";
+import { Button, Popover, Spin, Tooltip } from "@voplus/antd";
+import { useEnvelopeStore } from "../../data/envelope";
+import React, { useState } from "react";
 import { Zoom, ZoomIn, ZoomOut } from "../../../../controls/PDFViewer/Toolbar/buttons";
 import { faDownload, faFileSignature } from "@fortawesome/pro-light-svg-icons";
-import DescriptionEditor from "../../../../controls/DescriptionEditor";
-import DocumentCardList from "../../../../components/DocumentCardList";
-import DocumentHeader from "../../../../components/DocumentHeader";
 import DocumentTabs from "../../../../components/DocumentTabs";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import FileViewer from "../../../../components/FileViewer";
+import { LoadingOutlined } from "@ant-design/icons";
 import { MenuUnfoldOutlined } from "@ant-design/icons";
 import PDFFileViewer from "../../../../components/FileViewer/PDF";
-import SignatureTable from "../../SignatureTable";
+import SignatureRecipient from "../../SignatureRecipient";
 import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
 import Toolbar from "../../../../controls/PDFViewer/Toolbar";
 import classnames from "classnames";
 import { saveAs } from "file-saver";
-import { toJS } from "mobx";
-import { useDocumentStore } from "@voplus/morpho-document-core";
 import { useEnvelopContext } from "../../data/EnvelopeContext";
 import { useFile } from "../../../../data";
 import { useObserver } from "mobx-react-lite";
 const LetterContentView = (props) => {
     const { id, envelopeId, letter } = props;
-    const envelope = useEnvelope(envelopeId);
-    const doc = useFile(id);
-    const documentStore = useDocumentStore();
+    const doc = useFile(id, { reload: true });
     const envelopeStore = useEnvelopeStore();
     const context = useEnvelopContext();
     const [visible, setVisible] = useState(false);
     const [menuVisible, setMenuVisible] = useState(false);
-    useEffect(() => {
-        context === null || context === void 0 ? void 0 : context.union(envelope.letters);
-    }, [toJS(envelope.letters)]);
-    /** File Content (envelope类型的word文档需要转成pdf显示) */
-    const renderViewer = () => {
-        return (doc === null || doc === void 0 ? void 0 : doc.type) === "Text" ? (React.createElement(TextEditor, { id: id, proseMirrorProps: { readonly: true } })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(doc.mimetype) ||
-            doc.name.includes(".wopitest") ? (React.createElement(PDFFileViewer, { id: doc.id, download: () => envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || ""), viewerProps: {
-                toolbar: !!((letter === null || letter === void 0 ? void 0 : letter.signatureLines) && (letter === null || letter === void 0 ? void 0 : letter.signatureLines.length)) ? (React.createElement(Toolbar, { className: "letter-pdf-viewer-toolbar" },
-                    React.createElement(ZoomOut, null),
-                    React.createElement(Zoom, null),
-                    React.createElement(ZoomIn, null),
-                    React.createElement(Tooltip, { title: "Download" },
-                        React.createElement(FAIcon, { icon: faDownload, className: "letter-download-btn", onClick: onDownLoad })),
-                    React.createElement(Popover, { title: "Sign List", visible: !context.signVisible && visible, onVisibleChange: visible => setVisible(visible), content: React.createElement(SignatureTable, { readonly: true, envelopeId: envelopeId, letterId: (letter === null || letter === void 0 ? void 0 : letter.id) || "", lines: (letter === null || letter === void 0 ? void 0 : letter.signatureLines) || [] }) },
-                        React.createElement(FAIcon, { icon: faFileSignature, className: "letter-viewer-btn" })))) : ("")
-            } })) : (React.createElement(FileViewer, { id: id }));
-    };
-    return useObserver(() => (React.createElement("div", { className: "letter-content-view" },
-        React.createElement("header", null,
-            React.createElement(DocumentHeader, { id: id, size: "h2", toolsVisible: (doc === null || doc === void 0 ? void 0 : doc.type) === "File" }),
-            (envelope === null || envelope === void 0 ? void 0 : 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" }))),
-        React.createElement("div", { className: classnames("letter-content-card", { "letter-content-card_menu": menuVisible }) },
-            React.createElement(DocumentTabs, { id: id, docTab: false }),
-            id !== envelopeId ? (context.loading ? (React.createElement(Skeleton, { active: true })) : (renderViewer())) : (React.createElement(DocumentCardList, { id: id, cardProps: { headerProps: { clickNameEffect: "nothing" } }, onCardDoubleClick: props.onOpen })
-            // <Empty description="No Content" image={Empty.PRESENTED_IMAGE_SIMPLE} />
-            )),
-        React.createElement(Tooltip, { title: "Document Tabs" },
-            React.createElement(Button, { shape: "circle", type: "primary", size: "large", ghost: true, className: "tablets-visible", onClick: () => setMenuVisible(!menuVisible) },
-                React.createElement(MenuUnfoldOutlined, null))))));
+    return useObserver(() => {
+        var _a;
+        return (React.createElement("div", { className: "letter-content-view" },
+            React.createElement("div", { className: classnames("letter-content-card", { "letter-content-card_menu": menuVisible }) },
+                React.createElement(DocumentTabs, { id: id, docTab: false }),
+                (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: 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: id, download: getBlob, viewerProps: {
+                        toolbar: !!((letter === null || letter === void 0 ? void 0 : letter.signatureLines) && (letter === null || letter === void 0 ? void 0 : letter.signatureLines.length)) ? (React.createElement(Toolbar, { className: "letter-pdf-viewer-toolbar" },
+                            React.createElement(ZoomOut, null),
+                            React.createElement(Zoom, null),
+                            React.createElement(ZoomIn, null),
+                            React.createElement(Popover, { title: "Sign List", visible: !context.signVisible && visible, onVisibleChange: visible => setVisible(visible), overlayClassName: "signature-recipient_popover", content: React.createElement(SignatureRecipient, { envelopeId: envelopeId, letterId: (letter === null || letter === void 0 ? void 0 : letter.id) || "", lines: (letter === null || letter === void 0 ? void 0 : letter.signatureLines) || [] }) },
+                                React.createElement("span", { className: "letter-viewer-btn" },
+                                    React.createElement(FAIcon, { icon: faFileSignature }),
+                                    " Sign")),
+                            React.createElement(Tooltip, { title: "Download" },
+                                React.createElement(FAIcon, { icon: faDownload, className: "letter-download-btn", onClick: onDownLoad })))) : ("")
+                    } })) : (React.createElement(FileViewer, { id: id }))))),
+            React.createElement(Tooltip, { title: "Document Tabs" },
+                React.createElement(Button, { shape: "circle", type: "primary", size: "large", ghost: true, className: "tablets-visible", onClick: () => setMenuVisible(!menuVisible) },
+                    React.createElement(MenuUnfoldOutlined, null)))));
+    });
     // downLoad file
     function onDownLoad() {
         if (!letter)
@@ -74,6 +60,10 @@ const LetterContentView = (props) => {
             }
         });
     }
+    /** 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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterContentView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAS,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAW,WAAW,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AACvE,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,UAAU,MAAM,+CAA+C,CAAC;AACvE,OAAO,OAAO,MAAM,wCAAwC,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,KAK1B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,GAAG,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAExB,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE;IAClC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAE7B,gDAAgD;IAChD,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,MAAM,CAAC,CAAC,CAAC,CAC7B,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAI,CAC5D,CAAC,CAAC,CAAC,2DAA2D,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;YAChF,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClC,oBAAC,aAAa,IACb,EAAE,EAAE,GAAG,CAAC,EAAE,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,EAAE,CAAC,EACpE,WAAW,EAAE;gBACZ,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC,MAAM,CAAA,CAAC,CAAC,CAAC,CAAC,CACtE,oBAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B;oBAC7C,oBAAC,OAAO,OAAG;oBACX,oBAAC,IAAI,OAAG;oBACR,oBAAC,MAAM,OAAG;oBACV,oBAAC,OAAO,IAAC,KAAK,EAAC,UAAU;wBACxB,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAU,GAAI,CACxE;oBACV,oBAAC,OAAO,IACP,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,CAAC,OAAO,CAAC,WAAW,IAAI,OAAO,EACxC,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAC/C,OAAO,EACN,oBAAC,cAAc,IACd,QAAQ,QACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,EAAE,EAC1B,KAAK,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,KAAI,EAAE,GAClC;wBAGH,oBAAC,MAAM,IAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACtD,CACD,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;aACD,GACA,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,CACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,qBAAqB;QACnC;YACC,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,EAAC,YAAY,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,MAAM,GAAI;YAEvE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACd,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAC,eAAe,GACtB,CACF,CACO;QACT,6BACC,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAE,0BAA0B,EAAE,WAAW,EAAE,CAAC;YAGzF,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAI;YAEtC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,CACpB,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,YAAY,EAAE,CACd,CACD,CAAC,CAAC,CAAC,CACH,oBAAC,gBAAgB,IAChB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,WAAW,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAC1D,iBAAiB,EAAE,KAAK,CAAC,MAAM,GAC9B;YACF,0EAA0E;aAC1E,CACI;QAEN,oBAAC,OAAO,IAAC,KAAK,EAAC,eAAe;YAC7B,oBAAC,MAAM,IACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,QACL,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC;gBAE3C,oBAAC,kBAAkB,OAAG,CACd,CACA,CACL,CACN,CAAC,CAAC;IACH,gBAAgB;IAChB,SAAS,UAAU;QAClB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YAClE,IAAI,IAAI,EAAE;gBACT,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,IAAI,GAAG,EAAE;oBACR,MAAM,CAAC,GAAG,CAAC,CAAC;iBACZ;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterContentView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAS,OAAO,EAAY,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAwB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAK/E,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,UAAU,MAAM,+CAA+C,CAAC;AACvE,OAAO,OAAO,MAAM,wCAAwC,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,KAK1B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,GAAG,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,WAAW,CAAC,GAAG,EAAE;;QAAC,OAAA,CACxB,6BAAK,SAAS,EAAC,qBAAqB;YACnC,6BACC,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAE,0BAA0B,EAAE,WAAW,EAAE,CAAC;gBAGzF,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAI;gBAEtC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAC,CAAC,CAAC,CACf,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;oBAClC,oBAAC,IAAI,IAAC,GAAG,EAAC,YAAY,EAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CAClF,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,MAAM,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAI,CAC5D,CAAC,CAAC,CAAC,2DAA2D,CAAC,IAAI,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,WACjF,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,QAAQ,CAAC,WAAW,EAAC,CAAC,CAAC,CAAC,CACpC,oBAAC,aAAa,IACb,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE;wBACZ,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC,MAAM,CAAA,CAAC,CAAC,CAAC,CAAC,CACtE,oBAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B;4BAC7C,oBAAC,OAAO,OAAG;4BACX,oBAAC,IAAI,OAAG;4BACR,oBAAC,MAAM,OAAG;4BAEV,oBAAC,OAAO,IACP,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,CAAC,OAAO,CAAC,WAAW,IAAI,OAAO,EACxC,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAC/C,gBAAgB,EAAC,6BAA6B,EAC9C,OAAO,EACN,oBAAC,kBAAkB,IAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,EAAE,EAC1B,KAAK,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,KAAI,EAAE,GAClC;gCAGH,8BAAM,SAAS,EAAC,mBAAmB;oCAClC,oBAAC,MAAM,IAAC,IAAI,EAAE,eAAe,GAAI;4CAC3B,CACE;4BACV,oBAAC,OAAO,IAAC,KAAK,EAAC,UAAU;gCACxB,oBAAC,MAAM,IACN,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,GAClB,CACO,CACD,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;qBACD,GACA,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,CACtB,CACe,CACjB,CACI;YAEN,oBAAC,OAAO,IAAC,KAAK,EAAC,eAAe;gBAC7B,oBAAC,MAAM,IACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,QACL,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC;oBAE3C,oBAAC,kBAAkB,OAAG,CACd,CACA,CACL,CACN,CAAA;KAAA,CAAC,CAAC;IACH,gBAAgB;IAChB,SAAS,UAAU;QAClB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YAClE,IAAI,IAAI,EAAE;gBACT,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,IAAI,GAAG,EAAE;oBACR,MAAM,CAAC,GAAG,CAAC,CAAC;iBACZ;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,cAAc;IACd,KAAK,UAAU,OAAO;QACrB,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,EAAE,CAAC,CAAC;IACnE,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,3 +1,4 @@
+@import "~@voplus/antd/es/style/themes/index.less";
 :global {
 	.letter-content-view {
 		display: flex;
@@ -16,31 +17,30 @@
 			padding: 0 20px 10px 20px;
 		}
 		.letter-content-card {
-			margin: 1em 1em 0 1em;
+			margin: 0;
 			flex: 1;
-			> div {
-				height: 100%;
-			}
+			// > div {
+			// 	height: 100%;
+			// }
 			.letter-pdf-viewer-toolbar {
 				position: relative;
 
-				.letter-viewer-btn,
+				.letter-viewer-btn {
+					margin-left: 10px;
+					cursor: pointer;
+				}
 				.letter-download-btn {
 					position: absolute;
 					top: 50%;
+					right: 10px;
 					margin-top: -9px;
 					font-size: 18px;
 					line-height: 19px;
-
 					cursor: pointer;
 				}
-				.letter-viewer-btn {
-					right: 10px;
-					color: #333;
-				}
-				.letter-download-btn {
-					right: 40px;
-					color: #777;
+				.letter-viewer-btn:hover,
+				.letter-download-btn:hover {
+					color: @primary-color;
 				}
 			}
 			.ant-tabs {
@@ -57,4 +57,9 @@
 			}
 		}
 	}
+	.signature-recipient_popover {
+		.ant-popover-inner-content {
+			padding: 0;
+		}
+	}
 }

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

@@ -1,27 +1,46 @@
 import "./index.less";
+import { Button, Switch } from "@voplus/antd";
 import { useEnvelopeStore } from "../../data/envelope";
 import React, { useState } from "react";
-import { Switch } from "@voplus/antd";
-import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import { faCheck, faExternalLink, faFileSignature, faTimes } from "@fortawesome/pro-light-svg-icons";
 import DocumentHeader from "../../../../components/DocumentHeader";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import LetterViewer from "../LetterViewer";
 import { State } from "./state";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useLayout } from "@voplus/morpho-data";
+import { useMetaStore } from "../../../../data/DocumentMetaStore";
 import { useObserver } from "mobx-react-lite";
 const LetterItem = (props) => {
     const { envelopeId, letter, size, recipient, onClick } = props;
     const envelopStore = useEnvelopeStore();
     const [state] = useState(new State());
+    const layout = useLayout();
+    const document = useDocument(letter.document.id, {
+        reload: d => !d.tags,
+        includes: "tags,versions"
+    });
+    const meta = useMetaStore();
+    const unsigned = letter.signatureLines.some(({ signatureDate }) => !signatureDate);
     return useObserver(() => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "letter-item" },
-            letter.document && (React.createElement(DocumentHeader, { id: letter.document.id, size: size, quickDataBarAlign: recipient ? "title" : "left", quickVisible: false, quickDataBar: React.createElement(React.Fragment, null,
+            letter.document && (React.createElement(DocumentHeader, { id: letter.document.id, size: size, quickDataBarAlign: recipient ? "title" : "left", quickVisible: false, flagVisible: !recipient, statusVisible: !recipient, pre: recipient ? (React.createElement(React.Fragment, null, unsigned ? (React.createElement(FAIcon, { icon: faFileSignature, color: "#faad14" })) : (React.createElement(FAIcon, { icon: faCheck, color: "#52c41a" })))) : (""), quickDataBarVisible: !recipient, quickDataBar: React.createElement(React.Fragment, null,
                     React.createElement("span", { className: "data-icon" },
                         React.createElement(FAIcon, { icon: faTimes, color: "#ff4d4f" }),
                         " 10 Unsigned"),
                     React.createElement("span", { className: "data-icon" },
                         React.createElement(FAIcon, { icon: faCheck, color: "#52c41a" }),
-                        " 23 signed")), toolsVisible: !recipient, onClickName: () => (recipient ? null : (state.visible = true)) })),
-            !recipient && React.createElement(Switch, { checked: letter.public, onChange: onChange })),
+                        " 23 signed")), toolsVisible: false, onClickName: () => (recipient ? null : (state.visible = true)) })),
+            !recipient && (React.createElement("div", { className: "letter-item-right" },
+                React.createElement(ToolBar, { id: letter.document.id, menuProps: {
+                        menuItems: [
+                            React.createElement(Button, { key: "Open", type: "link", onClick: () => layout.history.push(meta.getRoute(document)) },
+                                React.createElement(FAIcon, { icon: faExternalLink }),
+                                React.createElement("span", null, "Open"))
+                        ]
+                    } }),
+                React.createElement(Switch, { checked: letter.public, onChange: onChange })))),
         state.visible && (React.createElement(LetterViewer, { envelopeId: envelopeId, letter: letter, updateVisible: visible => (state.visible = visible) })))));
     /** change public */
     function onChange(checked) {

package/es/pages/Signature/Letter/LetterItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAW,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAW,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAWnB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,aAAa;YAC1B,MAAM,CAAC,QAAQ,IAAI,CACnB,oBAAC,cAAc,IACd,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC/C,YAAY,EAAE,KAAK,EACnB,YAAY,EACX,oBAAC,KAAK,CAAC,QAAQ;oBACd,8BAAM,SAAS,EAAC,WAAW;wBAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,GAAG;uCACnC;oBACP,8BAAM,SAAS,EAAC,WAAW;wBAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,GAAG;qCACnC,CACS,EAElB,YAAY,EAAE,CAAC,SAAS,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAC7D,CACF;YAEA,CAAC,SAAS,IAAI,oBAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAChE;QACL,KAAK,CAAC,OAAO,IAAI,CACjB,oBAAC,YAAY,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,GAClD,CACF,CACe,CACjB,CAAC,CAAC;IACH,oBAAoB;IACpB,SAAS,QAAQ,CAAC,OAAgB;QACjC,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE;YAC7B,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;SACjD,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterItem/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Signature/Letter/LetterItem/index.less

@@ -3,7 +3,7 @@
 		display: flex;
 		padding: 15px 20px;
 		border-bottom: 1px solid #f2f2f2;
-		align-items: center;
+		// align-items: center;
 		.document-header-default {
 			display: block;
 			flex: 1;
@@ -13,5 +13,12 @@
 				padding: 5px 0;
 			}
 		}
+		.letter-item-right {
+			text-align: right;
+			.tool-bar {
+				display: block;
+				margin-bottom: 5px;
+			}
+		}
 	}
 }

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

@@ -33,15 +33,13 @@ const LetterList = (props) => {
             }) },
             React.createElement(Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
                     Authorization: `Bearer ${user.info.accessToken}`
-                }, fileList: fileList, showUploadList: fileList.length > 0, onChange: onUploading, openFileDialogOnClick: false, multiple: true }, !!((_b = context.letters) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Scrollbars, { autoHide: true }, (_c = context.letters) === null || _c === void 0 ? void 0 : _c.map(letter => (React.createElement(Card, { key: letter.id, padding: "0", className: "letter-item-card" },
-                React.createElement(DocumentItemFrame, { key: letter.id, frameProps: {
-                        active: activeId === letter.document.id,
-                        activeEffect: "border",
-                        borderProps: { location: "right", color: "#2d85dc ", size: "2px" },
-                        hoverEffect: "background",
-                        hoverBackgroundProps: { color: "#f2f2f2" }
-                    }, onClick: () => onClick(letter.document.id) },
-                    React.createElement(LetterItem, { envelopeId: id, letter: letter, size: size, recipient: recipient }))))))) : (React.createElement("div", { className: "letter-empty" },
+                }, fileList: fileList, showUploadList: fileList.length > 0, onChange: onUploading, openFileDialogOnClick: false, multiple: true }, !!((_b = context.letters) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Scrollbars, { autoHide: true }, (_c = context.letters) === null || _c === void 0 ? void 0 : _c.map(letter => (React.createElement(Card, { key: letter.id, padding: "0", className: "letter-item-card" }, recipient ? (React.createElement(DocumentItemFrame, { key: letter.id, frameProps: {
+                    active: activeId === letter.document.id,
+                    activeEffect: "border",
+                    borderProps: { location: "right", color: "#2d85dc ", size: "2px" },
+                    hoverEffect: "none"
+                }, onClick: () => onClick(letter.document.id) },
+                React.createElement(LetterItem, { envelopeId: id, letter: letter, size: size, recipient: true }))) : (React.createElement(LetterItem, { envelopeId: id, letter: letter, size: size }))))))) : (React.createElement("div", { className: "letter-empty" },
                 React.createElement(CloudUploadOutlined, { style: { fontSize: "40px" } }),
                 React.createElement("p", null, "Drag file to upload"))))));
     });

package/es/pages/Signature/Letter/LetterList/index.js.map

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

package/es/pages/Signature/Letter/LetterViewer/index.less

@@ -14,9 +14,6 @@
 				flex-direction: column;
 				flex: 1;
 				flex-shrink: 0;
-				> div + div {
-					flex: 1;
-				}
 				.file-content-header {
 					display: flex;
 					font-size: 16px;

package/es/pages/Signature/SignatureDialog/index.js

@@ -29,12 +29,14 @@ const SignatureDialog = (props) => {
         clear();
     }
     /** upload  signature image */
-    async function inset() {
+    function inset() {
         setLoading(true);
-        await envelopStore.signature(envelopeId, letterId, signature.id, sigPad.getTrimmedCanvas().toDataURL("image/png"));
-        setLoading(false);
-        closeSignature();
-        context.reload();
+        sigPad.getTrimmedCanvas().toBlob(async (blob) => {
+            await envelopStore.signature(envelopeId, letterId, signature.id, blob);
+            setLoading(false);
+            closeSignature();
+            context.reload();
+        });
     }
 };
 export default SignatureDialog;

package/es/pages/Signature/SignatureDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,eAAe,GAAG,CAAC,KAOxB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,KAAK,EAAE,2CAA2C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,EACnE,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK;QACnB,mBAAmB;QACnB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EACL,oBAAC,KAAK,CAAC,QAAQ;YACd,6BAAK,SAAS,EAAC,aAAa,kEAEtB;YACN,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,YAAgB;YACtC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAE9C,CACO;QAIlB,6BAAK,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACnD,oBAAC,eAAe,IACf,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,EAC1B,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACvC,CACG,CACC,CACR,CAAC,CAAC;IACH,sBAAsB;IACtB,SAAS,KAAK;QACb,MAAM,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IACD,kBAAkB;IAClB,SAAS,cAAc;QACtB,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;QAC5B,KAAK,EAAE,CAAC;IACT,CAAC;IACD,8BAA8B;IAC9B,KAAK,UAAU,KAAK;QACnB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,YAAY,CAAC,SAAS,CAC3B,UAAU,EACV,QAAQ,EACR,SAAS,CAAC,EAAE,EACZ,MAAM,CAAC,gBAAgB,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CAAC;QACF,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,eAAe,GAAG,CAAC,KAOxB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,KAAK,EAAE,2CAA2C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,EACnE,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK;QACnB,mBAAmB;QACnB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EACL,oBAAC,KAAK,CAAC,QAAQ;YACd,6BAAK,SAAS,EAAC,aAAa,kEAEtB;YACN,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,YAAgB;YACtC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAE9C,CACO;QAIlB,6BAAK,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACnD,oBAAC,eAAe,IACf,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,EAC1B,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACvC,CACG,CACC,CACR,CAAC,CAAC;IACH,sBAAsB;IACtB,SAAS,KAAK;QACb,MAAM,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IACD,kBAAkB;IAClB,SAAS,cAAc;QACtB,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;QAC5B,KAAK,EAAE,CAAC;IACT,CAAC;IACD,8BAA8B;IAC9B,SAAS,KAAK;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,IAAU,EAAE,EAAE;YACrD,MAAM,YAAY,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACvE,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/pages/Signature/SignatureRecipient/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import "./index.less";
+import { ISignatureLine } from "../data/envelope";
+declare const SignatureRecipient: (props: {
+    /** id of envelope */
+    envelopeId: string;
+    /** id of letter of envelope */
+    letterId: string;
+    /** lines of signature of letter of envelope */
+    lines: ISignatureLine[];
+}) => JSX.Element;
+export default SignatureRecipient;

package/es/pages/Signature/SignatureRecipient/index.js

@@ -0,0 +1,38 @@
+import "./index.less";
+import { Button, Popover, Skeleton, Table } from "@voplus/antd";
+import { useEnvelopeStore } from "../data/envelope";
+import React, { useState } from "react";
+import { faCheck, faFileSignature } from "@fortawesome/pro-duotone-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import SignatureDialog from "../SignatureDialog";
+import { State } from "./state";
+import { faCommentAltLines } from "@fortawesome/pro-light-svg-icons";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+import { useObserver } from "mobx-react-lite";
+const SignatureRecipient = (props) => {
+    const { envelopeId, letterId, lines } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const [state] = useState(new State());
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        context.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(Table, { dataSource: lines, pagination: false, rowKey: "id", showHeader: false, className: "signature-recipient" },
+            React.createElement(Table.Column, { title: "", dataIndex: "name", render: (text, record) => (React.createElement("div", null,
+                    record.name,
+                    record.description ? (lines.length > 1 ? (React.createElement(Popover, { placement: "bottom", title: "Description", content: record.description },
+                        React.createElement("span", { className: "signature-description" },
+                            React.createElement(FAIcon, { icon: faCommentAltLines })))) : (React.createElement(React.Fragment, null,
+                        React.createElement("h4", null,
+                            React.createElement(FAIcon, { icon: faCommentAltLines }),
+                            " Description"),
+                        React.createElement("div", null, record.description)))) : null)) }),
+            React.createElement(Table.Column, { title: "", dataIndex: "status", align: "right", width: "116px", render: (text, record) => record.signatureDate ? (React.createElement(FAIcon, { icon: faCheck, color: "#52c41a" })) : (React.createElement(Button, { type: "primary", size: "small", onClick: () => {
+                        state.signature = record;
+                        context.signVisible = true;
+                        // context.signVisible(true);
+                    } },
+                    React.createElement(FAIcon, { icon: faFileSignature, className: "signature-icon" }),
+                    " Sign")) }))),
+        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letterId, signature: state.signature })))));
+};
+export default SignatureRecipient;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/SignatureRecipient/index.js.map

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

package/es/pages/Signature/SignatureRecipient/index.less

@@ -0,0 +1,18 @@
+:global {
+	.signature-recipient {
+		.ant-table-thead > tr > th,
+		.ant-table-tbody > tr > td {
+			padding: 10px 20px;
+		}
+		.signature-description {
+			margin-left: 10px;
+			cursor: pointer;
+		}
+		h4 {
+			margin: 5px 0;
+		}
+		.signature-icon {
+			margin-right: 5px;
+		}
+	}
+}

package/es/pages/Signature/SignatureRecipient/state.d.ts

@@ -0,0 +1,9 @@
+import { ISignatureLine } from "../data/envelope";
+export declare class State {
+    /** visible of SignatureDialog */
+    visible: boolean;
+    /** line of signature */
+    signature: ISignatureLine;
+    /** id of hover of table row  */
+    hoverKey: string;
+}

package/es/pages/Signature/SignatureRecipient/state.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** visible of SignatureDialog */
+        this.visible = false;
+        /** id of hover of table row  */
+        this.hoverKey = "";
+    }
+}
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "signature", void 0);
+__decorate([
+    observable
+], State.prototype, "hoverKey", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Signature/SignatureRecipient/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureRecipient/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,iCAAiC;QACd,YAAO,GAAG,KAAK,CAAC;QAGnC,gCAAgC;QACb,aAAQ,GAAG,EAAE,CAAC;IAClC,CAAC;CAAA;AALY;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;wCAAkC;AAEjC;IAAX,UAAU;uCAAsB"}

package/es/pages/Signature/data/envelope/EnvelopeStore.d.ts

@@ -7,7 +7,7 @@ export declare class EnvelopeStore extends DocumentTypeStore<IEnvelope, LoadDocu
     readonly name: string;
     constructor(endpoint: ApiEndPoint, documents: DocumentStore);
     /** upload signature image */
-    signature(id: string, letterId: string, signatureId: string, file: File): Promise<void>;
+    signature(id: string, letterId: string, signatureId: string, file: Blob): Promise<void>;
     /** word 转 pdf / download url */
     download(id: string, letterId: string): Promise<Blob>;
 }

package/es/pages/VSubmit/components/DocumentIcon/index.less

@@ -2,11 +2,12 @@
 :global {
 	.document-icon-view {
 		font-size: 13px;
+		margin-right: 20px;
 		> span {
 			display: block;
 			max-width: 7rem;
 			text-align: center;
-			padding: 0 10px;
+			// padding: 0 10px;
 		}
 		.document-icon-small {
 			font-size: 22px;

package/es/pages/VSubmit/components/DocumentIconList/index.less

@@ -5,7 +5,7 @@
 		.attachments-header {
 			display: flex;
 			justify-content: space-between;
-			align-items: center;
+			// align-items: center;
 			padding: 10px 0;
 			min-width: 110px;
 			.attachments-title {

package/es/pages/VSubmit/components/SubmitSections/SectionItem/index.less

@@ -12,31 +12,5 @@
 			right: 20px;
 			border-bottom: 1px solid #d9d9d9;
 		}
-		.document-header-default {
-			padding: 10px 20px;
-			background-color: transparent;
-			.document-pre {
-				width: 28px;
-				margin-right: 0 !important;
-				> div {
-					margin-right: 0.5rem;
-				}
-				.page-move {
-					color: #000;
-					cursor: move;
-				}
-			}
-		}
-		.section-document {
-			height: 280px;
-		}
-		.section-item-tools{
-			display: inline-block;
-			margin-right: 8px;
-		}
-		.collapse-arrow{
-			display: flex;
-			align-items: center;
-		}
 	}
 }

package/es/pages/VSubmit/components/SubmitSections/SubmitterSectionItem/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+declare const SubmitterSectionItem: (props: {
+    /** section item id */
+    id: string;
+    /** section item index */
+    index: number;
+}) => JSX.Element;
+export default SubmitterSectionItem;

package/es/pages/VSubmit/components/SubmitSections/SubmitterSectionItem/index.js

@@ -0,0 +1,38 @@
+import "./index.less";
+import { Button, Skeleton, Tooltip } from "@voplus/antd";
+import React, { useState } from "react";
+import { faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import { Card } from "@voplus/morpho-ui";
+import DescriptionEditor from "../../../../../controls/DescriptionEditor";
+import DocumentHeader from "../../../../../components/DocumentHeader";
+import DocumentList from "../../../../../components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useObserver } from "mobx-react-lite";
+const SubmitterSectionItem = (props) => {
+    const { id, index } = props;
+    const [over, setOver] = useState(false);
+    const [collapse, setCollapse] = useState(false);
+    const doc = useDocument(id);
+    return useObserver(() => (React.createElement(Card, { className: classnames("sections-item-card", {
+            "sections-item-card_zero": index === 0
+        }) },
+        React.createElement("div", { className: "section-item-content" },
+            React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "nothing", autoSaveName: true, quickDataBarVisible: false, tagsVisible: false, flagVisible: false, onMouse: o => setOver(o), tools: React.createElement("div", { style: { visibility: over ? "visible" : "hidden" }, className: "section-item-tools" },
+                    React.createElement(ToolBar, { id: id, menuProps: { size: "middle" }, showMenu: false },
+                        React.createElement(Tooltip, { title: collapse ? "Expand" : "Collapse" },
+                            React.createElement(Button, { size: "middle", shape: "circle", onClick: changeCollapse },
+                                React.createElement(FAIcon, { icon: collapse ? faChevronDown : faChevronUp }))))) }),
+            !collapse && (React.createElement(React.Fragment, null,
+                doc.loading ? (React.createElement("div", { className: "submit-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(React.Fragment, null, doc.description && (React.createElement(DescriptionEditor, { id: id, description: doc.description, readonly: true, padding: "0 0 0.75rem 0" })))),
+                React.createElement(DocumentList, { id: id, multiple: true, header: false, className: "section-document" })))))));
+    /** change item collapse */
+    function changeCollapse() {
+        setCollapse(!collapse);
+    }
+};
+export default SubmitterSectionItem;
+//# sourceMappingURL=index.js.map