@voplus/morpho-document 1.0.0-dev250 → 1.0.0-dev253
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/changelog.md +1 -1
- package/es/DocumentUIService.d.ts +6 -0
- package/es/DocumentUIService.js +13 -0
- package/es/DocumentUIService.js.map +1 -0
- package/es/Modules.js +10 -3
- package/es/Modules.js.map +1 -1
- package/es/components/ActivityLog/index.js +1 -1
- package/es/components/ActivityLog/index.js.map +1 -1
- package/es/components/DocumentCard/index.d.ts +7 -3
- package/es/components/DocumentCard/index.js +1 -1
- package/es/components/DocumentCard/index.js.map +1 -1
- package/es/components/DocumentCardList/index.d.ts +12 -0
- package/es/components/DocumentCardList/index.js +31 -0
- package/es/components/DocumentCardList/index.js.map +1 -0
- package/es/components/DocumentCardList/index.less +10 -0
- package/es/components/DocumentHeader/index.js +17 -10
- package/es/components/DocumentHeader/index.js.map +1 -1
- package/es/components/DocumentHeader/state.d.ts +0 -1
- package/es/components/DocumentHeader/state.js.map +1 -1
- package/es/components/DocumentList/index.d.ts +1 -1
- package/es/components/DocumentList/index.js +2 -2
- package/es/components/DocumentList/index.js.map +1 -1
- package/es/components/DocumentList/state.d.ts +1 -21
- package/es/components/DocumentList/state.js.map +1 -1
- package/es/components/DocumentName/index.js +1 -1
- package/es/components/DocumentName/index.js.map +1 -1
- package/es/components/DocumentPropertiesView/index.js +1 -1
- package/es/components/DocumentPropertiesView/index.js.map +1 -1
- package/es/components/DocumentQuickViewDialog/index.d.ts +2 -7
- package/es/components/DocumentQuickViewDialog/index.js +3 -9
- package/es/components/DocumentQuickViewDialog/index.js.map +1 -1
- package/es/components/DocumentSortableTree/index.js +1 -1
- package/es/components/DocumentSortableTree/index.js.map +1 -1
- package/es/components/FileViewer/FileViewer.d.ts +1 -0
- package/es/components/FileViewer/PDFViewer.d.ts +2 -0
- package/es/components/FileViewer/PDFViewer.js +1 -2
- package/es/components/FileViewer/PDFViewer.js.map +1 -1
- package/es/components/Links/Item.js +1 -1
- package/es/components/Links/Item.js.map +1 -1
- package/es/components/NewDocumentForm/index.d.ts +1 -1
- package/es/components/QuickViewDialog/index.js +1 -1
- package/es/components/QuickViewDialog/index.js.map +1 -1
- package/es/components/TextQuickView/index.js +6 -9
- package/es/components/TextQuickView/index.js.map +1 -1
- package/es/controls/FlagIcon/index.d.ts +2 -2
- package/es/data/DocumentMetaStore.js +2 -2
- package/es/data/DocumentMetaStore.js.map +1 -1
- package/es/data/metas/LibraryMeta.d.ts +11 -0
- package/es/data/metas/LibraryMeta.js +19 -0
- package/es/data/metas/LibraryMeta.js.map +1 -0
- package/es/data/metas/PageMeta.d.ts +11 -0
- package/es/data/metas/PageMeta.js +19 -0
- package/es/data/metas/PageMeta.js.map +1 -0
- package/es/data/metas/TextMeta.d.ts +11 -0
- package/es/data/metas/TextMeta.js +19 -0
- package/es/data/metas/TextMeta.js.map +1 -0
- package/es/data/metas/index.d.ts +3 -0
- package/es/data/metas/index.js +3 -0
- package/es/data/metas/index.js.map +1 -1
- package/es/pages/Library/LibraryDefaultView/Content.d.ts +1 -0
- package/es/pages/Library/LibraryDefaultView/Content.js +14 -9
- package/es/pages/Library/LibraryDefaultView/Content.js.map +1 -1
- package/es/pages/Library/LibraryDefaultView/index.js +2 -4
- package/es/pages/Library/LibraryDefaultView/index.js.map +1 -1
- package/es/pages/Library/LibraryDefaultView/index.less +12 -2
- package/es/pages/Library/LibraryDefaultView/state.js.map +1 -1
- package/es/pages/Page/PageDefaultView/index.js +16 -14
- package/es/pages/Page/PageDefaultView/index.js.map +1 -1
- package/es/pages/Page/PageDefaultView/index.less +14 -3
- package/es/pages/Page/PageTextItem/index.js +2 -4
- package/es/pages/Page/PageTextItem/index.js.map +1 -1
- package/es/pages/Page/PageTextItem/index.less +9 -0
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.d.ts +5 -0
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.js +51 -0
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.js.map +1 -0
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.less +30 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts +4 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js +47 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map +1 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.less +52 -0
- package/es/pages/Signature/Letter/LetterContentView/index.d.ts +8 -0
- package/es/pages/Signature/Letter/LetterContentView/index.js +58 -0
- package/es/pages/Signature/Letter/LetterContentView/index.js.map +1 -0
- package/es/pages/Signature/Letter/LetterItem/index.d.ts +10 -0
- package/es/pages/Signature/Letter/LetterItem/index.js +29 -0
- package/es/pages/Signature/Letter/LetterItem/index.js.map +1 -0
- package/es/pages/Signature/Letter/LetterItem/index.less +13 -0
- package/es/pages/Signature/Letter/LetterItem/state.d.ts +5 -0
- package/es/pages/Signature/Letter/LetterItem/state.js +12 -0
- package/es/pages/Signature/Letter/LetterItem/state.js.map +1 -0
- package/es/pages/Signature/Letter/LetterList/index.d.ts +6 -0
- package/es/pages/Signature/Letter/LetterList/index.js +53 -0
- package/es/pages/Signature/Letter/LetterList/index.js.map +1 -0
- package/es/pages/Signature/Letter/LetterList/index.less +41 -0
- package/es/pages/Signature/Letter/LetterViewer/index.d.ts +9 -0
- package/es/pages/Signature/Letter/LetterViewer/index.js +58 -0
- package/es/pages/Signature/Letter/LetterViewer/index.js.map +1 -0
- package/es/pages/Signature/Letter/LetterViewer/index.less +60 -0
- package/es/pages/Signature/SignatureDialog/index.d.ts +9 -0
- package/es/pages/Signature/SignatureDialog/index.js +41 -0
- package/es/pages/Signature/SignatureDialog/index.js.map +1 -0
- package/es/pages/Signature/SignatureDialog/index.less +16 -0
- package/es/pages/Signature/SignatureTable/index.d.ts +14 -0
- package/es/pages/Signature/SignatureTable/index.js +91 -0
- package/es/pages/Signature/SignatureTable/index.js.map +1 -0
- package/es/pages/Signature/SignatureTable/index.less +9 -0
- package/es/pages/Signature/SignatureTable/state.d.ts +10 -0
- package/es/pages/Signature/SignatureTable/state.js +20 -0
- package/es/pages/Signature/SignatureTable/state.js.map +1 -0
- package/es/pages/Signature/SignerSelect/index.d.ts +12 -0
- package/es/pages/Signature/SignerSelect/index.js +32 -0
- package/es/pages/Signature/SignerSelect/index.js.map +1 -0
- package/es/pages/Signature/SignerSelect/state.d.ts +11 -0
- package/es/pages/Signature/SignerSelect/state.js +27 -0
- package/es/pages/Signature/SignerSelect/state.js.map +1 -0
- package/es/pages/Signature/data/EnvelopeContext.d.ts +30 -0
- package/es/pages/Signature/data/EnvelopeContext.js +103 -0
- package/es/pages/Signature/data/EnvelopeContext.js.map +1 -0
- package/es/pages/Signature/data/IEnvelopeState.d.ts +6 -0
- package/es/pages/Signature/data/IEnvelopeState.js +1 -0
- package/es/pages/Signature/data/IEnvelopeState.js.map +1 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.d.ts +15 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.js +26 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.js.map +1 -0
- package/es/pages/Signature/data/envelope/hook.d.ts +3 -0
- package/es/pages/Signature/data/envelope/hook.js +10 -0
- package/es/pages/Signature/data/envelope/hook.js.map +1 -0
- package/es/pages/Signature/data/envelope/index.d.ts +3 -0
- package/es/pages/Signature/data/envelope/index.js +4 -0
- package/es/pages/Signature/data/envelope/index.js.map +1 -0
- package/es/pages/Signature/data/envelope/interfaces.d.ts +35 -0
- package/es/pages/Signature/data/envelope/interfaces.js +1 -0
- package/es/pages/Signature/data/envelope/interfaces.js.map +1 -0
- package/es/pages/Signature/data/envelope/type.d.ts +21 -0
- package/es/pages/Signature/data/envelope/type.js +1 -0
- package/es/pages/Signature/data/envelope/type.js.map +1 -0
- package/es/routes.d.ts +12 -0
- package/es/routes.js +27 -1
- package/es/routes.js.map +1 -1
- package/package.json +9 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageTextItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,YAAY,GAAG,CAAC,KAA8C,EAAE,EAAE;IACvE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageTextItem/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/index.less";
|
|
1
2
|
:global {
|
|
3
|
+
.page-item-card {
|
|
4
|
+
max-width: 70rem;
|
|
5
|
+
margin-left: auto;
|
|
6
|
+
margin-right: auto;
|
|
7
|
+
}
|
|
2
8
|
.page-text-item {
|
|
3
9
|
position: relative;
|
|
4
10
|
padding: 10px 20px;
|
|
@@ -17,6 +23,9 @@
|
|
|
17
23
|
}
|
|
18
24
|
}
|
|
19
25
|
}
|
|
26
|
+
&:not(:last-child) {
|
|
27
|
+
border-bottom: 1px solid rgb(228, 230, 232);
|
|
28
|
+
}
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
.page-item-tools {
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
|
|
3
|
+
import React, { useEffect, useState } from "react";
|
|
4
|
+
import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
|
|
5
|
+
import { AsideContent } from "@voplus/morpho-ui";
|
|
6
|
+
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
7
|
+
import DocumentTabs from "../../../../components/DocumentTabs";
|
|
8
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
9
|
+
import LetterList from "../../Letter/LetterList";
|
|
10
|
+
import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
|
|
11
|
+
import Skeleton from "@voplus/antd/es/skeleton";
|
|
12
|
+
import ToolBar from "../../../../controls/ToolBar";
|
|
13
|
+
import { faEdit } from "@fortawesome/pro-light-svg-icons";
|
|
14
|
+
import { toJS } from "mobx";
|
|
15
|
+
import { useObserver } from "mobx-react-lite";
|
|
16
|
+
import { useRouteMatch } from "react-router";
|
|
17
|
+
import { useTabItem } from "@voplus/morpho-data";
|
|
18
|
+
/** createFormType:'signEnvelope' */
|
|
19
|
+
const EnvelopeDefaultView = () => {
|
|
20
|
+
const match = useRouteMatch();
|
|
21
|
+
const id = match.params.id;
|
|
22
|
+
const envelopStore = useEnvelopeStore();
|
|
23
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
24
|
+
const [context] = useState(new EnvelopeContextState(id, envelopStore));
|
|
25
|
+
const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
|
|
26
|
+
const tab = useTabItem();
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name;
|
|
29
|
+
}, [envelope === null || envelope === void 0 ? void 0 : envelope.name]);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
context.union(envelope.letters || []);
|
|
32
|
+
}, [toJS(envelope.letters)]);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
asideContext.openAside(AsideElement, { span: 12 });
|
|
35
|
+
}, []);
|
|
36
|
+
const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
|
|
37
|
+
React.createElement(DocumentTabs, { id: id, docTab: false })));
|
|
38
|
+
return useObserver(() => (React.createElement(AsideContent, { context: asideContext },
|
|
39
|
+
React.createElement(EnvelopeContext.Provider, { value: context },
|
|
40
|
+
React.createElement("div", { className: "envelope-default-view" },
|
|
41
|
+
React.createElement(DocumentHeader, { id: id, size: "h2", tools: React.createElement(ToolBar, { id: id, reload: true, expand: true, onExpand: () => asideContext.asideContent
|
|
42
|
+
? asideContext.closeAside()
|
|
43
|
+
: asideContext.openAside(AsideElement, { span: 12 }) }) }),
|
|
44
|
+
React.createElement("div", { className: "envelope-description" }, envelope.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: envelope.status === "Readonly", placeholder: envelope.status === "Readonly" ? ("No description") : (React.createElement("span", null,
|
|
45
|
+
React.createElement(FAIcon, { icon: faEdit }),
|
|
46
|
+
"Add Description")), content: envelope.description || "", onSave: v => envelopStore.edit(id, { Description: v }) }))),
|
|
47
|
+
envelope.loading ? (React.createElement("div", { className: "envelope-description" },
|
|
48
|
+
React.createElement(Skeleton, { active: true }))) : (React.createElement(LetterList, { id: id })))))));
|
|
49
|
+
};
|
|
50
|
+
export default EnvelopeDefaultView;
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeDefaultView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.envelope-default-view {
|
|
3
|
+
position: relative;
|
|
4
|
+
display: flex;
|
|
5
|
+
height: 100%;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
.envelope-description {
|
|
8
|
+
padding: 0 20px;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
.envelope-default-view_aside {
|
|
12
|
+
height: 100%;
|
|
13
|
+
.ant-tabs {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
height: 100%;
|
|
17
|
+
.ant-tabs-content {
|
|
18
|
+
height: 100%;
|
|
19
|
+
padding-bottom: 0px !important;
|
|
20
|
+
.ant-tabs-tabpane {
|
|
21
|
+
position: relative;
|
|
22
|
+
height: 100%;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
.ant-tabs-bar {
|
|
26
|
+
margin: 0 20px;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
|
|
3
|
+
import { useEnvelope } from "../../data/envelope";
|
|
4
|
+
import React, { useEffect, useState } from "react";
|
|
5
|
+
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
6
|
+
import DocumentSortableTree from "../../../../components/DocumentSortableTree";
|
|
7
|
+
import DocumentTabs from "../../../../components/DocumentTabs";
|
|
8
|
+
import FileExplorerTheme from "../../../../components/DocumentSortableTree/themes/FileExplorerTheme";
|
|
9
|
+
import LetterContentView from "../../Letter/LetterContentView";
|
|
10
|
+
import ToolBar from "../../../../controls/ToolBar";
|
|
11
|
+
import { useObserver } from "mobx-react-lite";
|
|
12
|
+
import { useRouteMatch } from "react-router";
|
|
13
|
+
import { useTabItem } from "@voplus/morpho-data";
|
|
14
|
+
const EnvelopeRecipientView = () => {
|
|
15
|
+
const match = useRouteMatch();
|
|
16
|
+
const id = match.params.id;
|
|
17
|
+
const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
|
|
18
|
+
const [context] = useState(new EnvelopeContextState(id));
|
|
19
|
+
const [contentId, setContentId] = useState("");
|
|
20
|
+
const [letter, setLetter] = useState();
|
|
21
|
+
const tab = useTabItem();
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name;
|
|
24
|
+
}, [envelope === null || envelope === void 0 ? void 0 : envelope.name]);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (envelope.letters && envelope.letters.length)
|
|
27
|
+
setContentId(envelope.letters[0].document.id);
|
|
28
|
+
}, []);
|
|
29
|
+
return useObserver(() => (React.createElement(EnvelopeContext.Provider, { value: context },
|
|
30
|
+
React.createElement("div", { className: "envelope-recipient-view" },
|
|
31
|
+
React.createElement(DocumentHeader, { id: id, size: "h1", tools: React.createElement(ToolBar, { id: id, size: "middle", reload: true, expand: true }) }),
|
|
32
|
+
React.createElement("div", { className: "envelope-recipient-view-content" },
|
|
33
|
+
React.createElement(DocumentSortableTree, { id: id, canDrag: false, theme: FileExplorerTheme, onDocumentSelected: onDocumentSelected }),
|
|
34
|
+
React.createElement(LetterContentView, { id: contentId || "", envelopeId: id, letter: letter }),
|
|
35
|
+
React.createElement(DocumentTabs, { id: id, docTab: false }))))));
|
|
36
|
+
function onDocumentSelected(id) {
|
|
37
|
+
if (id === match.params.id)
|
|
38
|
+
return;
|
|
39
|
+
const letter = envelope.letters.find(l => l.document.id === id);
|
|
40
|
+
if (id) {
|
|
41
|
+
setContentId(id);
|
|
42
|
+
setLetter(letter);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
export default EnvelopeRecipientView;
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.envelope-recipient-view {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
height: 100%;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
.envelope-recipient-view-content {
|
|
8
|
+
display: flex;
|
|
9
|
+
height: 100%;
|
|
10
|
+
border-top: 1px #f2f2f2 solid;
|
|
11
|
+
.panable {
|
|
12
|
+
width: 22%;
|
|
13
|
+
}
|
|
14
|
+
.letter-content-view {
|
|
15
|
+
position: relative;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
width: 44%;
|
|
19
|
+
border-left: 1px #f2f2f2 solid;
|
|
20
|
+
border-right: 1px #f2f2f2 solid;
|
|
21
|
+
.file-content {
|
|
22
|
+
flex: 1;
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
> div {
|
|
26
|
+
height: 100%;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.rst__tree {
|
|
31
|
+
padding: 10px 0 0 20px;
|
|
32
|
+
}
|
|
33
|
+
.ant-tabs {
|
|
34
|
+
display: flex;
|
|
35
|
+
flex: 1;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
height: 100%;
|
|
38
|
+
.ant-tabs-content {
|
|
39
|
+
height: 100%;
|
|
40
|
+
padding-bottom: 0px !important;
|
|
41
|
+
.ant-tabs-tabpane {
|
|
42
|
+
position: relative;
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
.ant-tabs-bar {
|
|
47
|
+
margin: 0 20px;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Button, Popover, Skeleton } from "@voplus/antd";
|
|
2
|
+
import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
|
|
3
|
+
import React, { useEffect, useState } from "react";
|
|
4
|
+
import { faDownload, faEdit, faFileSignature } from "@fortawesome/pro-light-svg-icons";
|
|
5
|
+
import { useDocumentStore, useFile } from "../../../../data";
|
|
6
|
+
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
7
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
|
+
import FileViewer from "../../../../components/FileViewer";
|
|
9
|
+
import PDFViewer from "../../../../components/FileViewer/PDFViewer";
|
|
10
|
+
import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
|
|
11
|
+
import SignatureTable from "../../SignatureTable";
|
|
12
|
+
import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
|
|
13
|
+
import { saveAs } from "file-saver";
|
|
14
|
+
import { toJS } from "mobx";
|
|
15
|
+
import { useEnvelopContext } from "../../data/EnvelopeContext";
|
|
16
|
+
import { useObserver } from "mobx-react-lite";
|
|
17
|
+
const LetterContentView = (props) => {
|
|
18
|
+
const { id, envelopeId, letter } = props;
|
|
19
|
+
const envelope = useEnvelope(envelopeId);
|
|
20
|
+
const doc = useFile(id);
|
|
21
|
+
const documentStore = useDocumentStore();
|
|
22
|
+
const envelopeStore = useEnvelopeStore();
|
|
23
|
+
const context = useEnvelopContext();
|
|
24
|
+
const [visible, setVisible] = useState(false);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
context === null || context === void 0 ? void 0 : context.union(envelope.letters);
|
|
27
|
+
}, [toJS(envelope.letters)]);
|
|
28
|
+
/** File Content (envelope类型的word文档需要转成pdf显示) */
|
|
29
|
+
const renderViewer = () => {
|
|
30
|
+
return (doc === null || doc === void 0 ? void 0 : doc.type) === "Text" ? (React.createElement(TextEditor, { id: id, textOnly: true })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(doc.mimetype) ||
|
|
31
|
+
doc.name.includes(".wopitest") ? (React.createElement(PDFViewer, { id: doc.id, download: () => envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "") })) : (React.createElement(FileViewer, { id: id }));
|
|
32
|
+
};
|
|
33
|
+
return useObserver(() => (React.createElement("div", { className: "letter-content-view" }, id ? (React.createElement(React.Fragment, null,
|
|
34
|
+
React.createElement(DocumentHeader, { id: id, size: "h3", tools: React.createElement(Button, { shape: "circle", onClick: onDownLoad },
|
|
35
|
+
React.createElement(FAIcon, { icon: faDownload })) }),
|
|
36
|
+
React.createElement("div", { className: "envelope-description", style: { padding: "0 20px 10px 20px" } }, (envelope === null || envelope === void 0 ? void 0 : envelope.loading) ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: (envelope === null || envelope === void 0 ? void 0 : envelope.status) === "Readonly", placeholder: (envelope === null || envelope === void 0 ? void 0 : envelope.status) === "Readonly" ? ("No description") : (React.createElement("span", null,
|
|
37
|
+
React.createElement(FAIcon, { icon: faEdit }),
|
|
38
|
+
"Add Description")), content: (envelope === null || envelope === void 0 ? void 0 : envelope.description) || "", onSave: v => documentStore.edit(id, { Description: v }) }))),
|
|
39
|
+
React.createElement("div", { className: "file-content" }, context.loading ? React.createElement(Skeleton, { active: true }) : renderViewer()),
|
|
40
|
+
!!((letter === null || letter === void 0 ? void 0 : letter.signatureLines) && (letter === null || letter === void 0 ? void 0 : letter.signatureLines.length)) && (React.createElement(Popover, { title: "Sign List", visible: !context.signVisibility && 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) || [] }) },
|
|
41
|
+
React.createElement(Button, { type: "primary", shape: "circle", style: { position: "absolute", bottom: "10px", right: "20px" } },
|
|
42
|
+
React.createElement(FAIcon, { icon: faFileSignature })))))) : (""))));
|
|
43
|
+
// downLoad file
|
|
44
|
+
function onDownLoad() {
|
|
45
|
+
if (!letter)
|
|
46
|
+
return;
|
|
47
|
+
envelopeStore.download(envelopeId, letter === null || letter === void 0 ? void 0 : letter.id).then((blob) => {
|
|
48
|
+
if (blob) {
|
|
49
|
+
const url = URL.createObjectURL(blob);
|
|
50
|
+
if (url) {
|
|
51
|
+
saveAs(url);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
export default LetterContentView;
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterContentView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "./index.less";
|
|
3
|
+
import { ILetter } from "../../data/envelope";
|
|
4
|
+
declare const LetterItem: (props: {
|
|
5
|
+
/** id of type of SignEnvelope of document */
|
|
6
|
+
envelopeId: string;
|
|
7
|
+
/** letter of envelope */
|
|
8
|
+
letter: ILetter;
|
|
9
|
+
}) => JSX.Element;
|
|
10
|
+
export default LetterItem;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { useEnvelopeStore } from "../../data/envelope";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
5
|
+
import LetterViewer from "../LetterViewer";
|
|
6
|
+
import { State } from "./state";
|
|
7
|
+
import { Switch } from "@voplus/antd";
|
|
8
|
+
import { useEnvelopContext } from "../../data/EnvelopeContext";
|
|
9
|
+
import { useObserver } from "mobx-react-lite";
|
|
10
|
+
const LetterItem = (props) => {
|
|
11
|
+
const { envelopeId, letter } = props;
|
|
12
|
+
const envelopStore = useEnvelopeStore();
|
|
13
|
+
const context = useEnvelopContext();
|
|
14
|
+
const state = context.getState(letter.id, () => new State());
|
|
15
|
+
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement("div", { className: "letter-item" },
|
|
17
|
+
letter.document && (React.createElement(DocumentHeader, { id: letter.document.id, quickDataBarAlign: "left", quickVisible: false, onShowQuickView: visible => (state.letterVisible = visible) })),
|
|
18
|
+
React.createElement(Switch, { checked: letter.public, onChange: onChange })),
|
|
19
|
+
state.letterVisible && React.createElement(LetterViewer, { envelopeId: envelopeId, letter: letter }))));
|
|
20
|
+
/** change public */
|
|
21
|
+
function onChange(checked) {
|
|
22
|
+
letter.public = checked;
|
|
23
|
+
envelopStore.edit(envelopeId, {
|
|
24
|
+
LetterEdits: [{ Id: letter.id, Public: checked }]
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
export default LetterItem;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAKnB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAE7D,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,iBAAiB,EAAC,MAAM,EACxB,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,OAAO,CAAC,GAC1D,CACF;YAED,oBAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjD;QACL,KAAK,CAAC,aAAa,IAAI,oBAAC,YAAY,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAChE,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;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { observable } from "mobx";
|
|
3
|
+
export class State {
|
|
4
|
+
constructor() {
|
|
5
|
+
/** visible of letterViewer */
|
|
6
|
+
this.letterVisible = false;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
__decorate([
|
|
10
|
+
observable
|
|
11
|
+
], State.prototype, "letterVisible", void 0);
|
|
12
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterItem/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,8BAA8B;QACX,kBAAa,GAAG,KAAK,CAAC;IAC1C,CAAC;CAAA;AADY;IAAX,UAAU;4CAA8B"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { useOnDeleteDocument } from "../../../../data";
|
|
3
|
+
import { useEnvelopeStore } from "../../data/envelope";
|
|
4
|
+
import React, { useState } from "react";
|
|
5
|
+
import { CloudUploadOutlined } from "@ant-design/icons";
|
|
6
|
+
import Dragger from "@voplus/antd/es/upload/Dragger";
|
|
7
|
+
import LetterItem from "../LetterItem";
|
|
8
|
+
import { Scrollbars } from "react-custom-scrollbars";
|
|
9
|
+
import { useApplicationContext } from "@voplus/morpho-data";
|
|
10
|
+
import { useEnvelopContext } from "../../data/EnvelopeContext";
|
|
11
|
+
import { useObserver } from "mobx-react-lite";
|
|
12
|
+
const LetterList = (props) => {
|
|
13
|
+
const { id } = props;
|
|
14
|
+
const { user } = useApplicationContext();
|
|
15
|
+
const [fileList, setFileList] = useState([]);
|
|
16
|
+
const store = useEnvelopeStore();
|
|
17
|
+
const context = useEnvelopContext();
|
|
18
|
+
console.log(context, "context");
|
|
19
|
+
useOnDeleteDocument((s, doc) => {
|
|
20
|
+
if (doc.parentNodeId === id) {
|
|
21
|
+
/** 查找document对应letter */
|
|
22
|
+
const letter = context.letters.find((d) => !!((d === null || d === void 0 ? void 0 : d.document) && (d === null || d === void 0 ? void 0 : d.document.id) === doc.id));
|
|
23
|
+
context.remove(letter ? letter.id : "");
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
return useObserver(() => {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
return (
|
|
29
|
+
// <ListDataContext.Provider value={data}>
|
|
30
|
+
React.createElement("div", { className: "letter-view-upload" },
|
|
31
|
+
React.createElement("div", { className: "letter-view-upload-header" }, "Public"),
|
|
32
|
+
React.createElement(Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
|
|
33
|
+
Authorization: `Bearer ${user.info.accessToken}`
|
|
34
|
+
}, fileList: fileList, showUploadList: fileList.length > 0, onChange: onUploading,
|
|
35
|
+
// disabled={disabled}
|
|
36
|
+
openFileDialogOnClick: false, multiple: true }, !!((_a = context.letters) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Scrollbars, { autoHide: true }, (_b = context.letters) === null || _b === void 0 ? void 0 : _b.map(letter => (React.createElement(LetterItem, { key: letter.id, envelopeId: id, letter: letter }))))) : (React.createElement("div", { className: "letter-empty" },
|
|
37
|
+
React.createElement(CloudUploadOutlined, { style: { fontSize: "40px" } }),
|
|
38
|
+
React.createElement("p", null, "Drag file to upload")))))
|
|
39
|
+
// </ListDataContext.Provider>
|
|
40
|
+
);
|
|
41
|
+
});
|
|
42
|
+
/** 文件上传中、完成、失败回调函数 */
|
|
43
|
+
function onUploading({ file, fileList }) {
|
|
44
|
+
/**上传完成不显示进度条 */
|
|
45
|
+
setFileList(fileList.filter(f => f.status !== "done"));
|
|
46
|
+
/** 上传成功后reload Data,如果有多个文件upload,等文件都upload完成才reload */
|
|
47
|
+
if (!fileList.some(f => f.status === "uploading")) {
|
|
48
|
+
context.reload();
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
export default LetterList;
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.letter-view-upload {
|
|
3
|
+
flex: 1;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
.letter-view-upload-header {
|
|
7
|
+
padding: 10px 20px;
|
|
8
|
+
color: #000;
|
|
9
|
+
font-size: 16px;
|
|
10
|
+
font-weight: 600;
|
|
11
|
+
text-align: right;
|
|
12
|
+
border-bottom: 1px solid #f2f2f2;
|
|
13
|
+
}
|
|
14
|
+
> span {
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column-reverse;
|
|
17
|
+
flex: 1;
|
|
18
|
+
.ant-upload.ant-upload-drag .ant-upload {
|
|
19
|
+
padding: 0;
|
|
20
|
+
}
|
|
21
|
+
.ant-upload-list {
|
|
22
|
+
padding: 0 15px;
|
|
23
|
+
}
|
|
24
|
+
.ant-upload-drag {
|
|
25
|
+
background: none;
|
|
26
|
+
border: none;
|
|
27
|
+
text-align: left;
|
|
28
|
+
.ant-upload {
|
|
29
|
+
padding: 0;
|
|
30
|
+
}
|
|
31
|
+
.anticon-plus {
|
|
32
|
+
font-size: 12px;
|
|
33
|
+
color: rgba(0, 0, 0, 0.65);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
.letter-empty {
|
|
37
|
+
text-align: center;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { CloseOutlined, SettingOutlined } from "@ant-design/icons";
|
|
3
|
+
import { useEnvelopeStore } from "../../data/envelope";
|
|
4
|
+
import React, { useState } from "react";
|
|
5
|
+
import { Skeleton, Switch } from "@voplus/antd";
|
|
6
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
7
|
+
import FileViewer from "../../../../components/FileViewer";
|
|
8
|
+
import Modal from "@voplus/antd/es/modal/Modal";
|
|
9
|
+
import PDFViewer from "../../../../components/FileViewer/PDFViewer";
|
|
10
|
+
import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
|
|
11
|
+
import SignatureTable from "../../SignatureTable";
|
|
12
|
+
import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
|
|
13
|
+
import { faEdit } from "@fortawesome/pro-light-svg-icons";
|
|
14
|
+
import { useEnvelopContext } from "../../data/EnvelopeContext";
|
|
15
|
+
import { useFile } from "../../../../data";
|
|
16
|
+
import { useObserver } from "mobx-react-lite";
|
|
17
|
+
const LetterViewer = (props) => {
|
|
18
|
+
const { envelopeId, letter } = props;
|
|
19
|
+
const context = useEnvelopContext();
|
|
20
|
+
const document = useFile(letter.document.id);
|
|
21
|
+
const envelopeStore = useEnvelopeStore();
|
|
22
|
+
const [setting, setSetting] = useState(true);
|
|
23
|
+
return useObserver(() => {
|
|
24
|
+
var _a;
|
|
25
|
+
return (React.createElement(Modal, { width: setting ? "80%" : "500px", visible: true, footer: null, closable: false, onCancel: () => context.letterVisible(false), className: "letter-viewer" },
|
|
26
|
+
React.createElement("div", { className: "file-content" },
|
|
27
|
+
React.createElement("div", { className: "file-content-header" },
|
|
28
|
+
React.createElement("div", { className: "document-name" }, document.name),
|
|
29
|
+
React.createElement(SettingOutlined, { onClick: () => setSetting(!setting) }),
|
|
30
|
+
React.createElement(CloseOutlined, { onClick: () => context.letterVisible(false) })),
|
|
31
|
+
context.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === "Text" ? (React.createElement(TextEditor, { id: letter.document.id, textOnly: true })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(document.mimetype) || ((_a = document.name) === null || _a === void 0 ? void 0 : _a.includes(".wopitest")) ? (
|
|
32
|
+
// word 转换成 pdf 显示
|
|
33
|
+
React.createElement(PDFViewer, { id: letter.document.id, download: getBlob })) : (React.createElement(FileViewer, { id: letter.document.id }))))),
|
|
34
|
+
setting && (React.createElement("div", { className: "setting-content" },
|
|
35
|
+
React.createElement("div", { className: "setting-public" },
|
|
36
|
+
React.createElement("span", { className: "bold" }, "Public"),
|
|
37
|
+
React.createElement(Switch, { checked: letter.public, onChange: changePublic })),
|
|
38
|
+
React.createElement("div", { className: "bold", style: { paddingBottom: "5px" } }, "Description"),
|
|
39
|
+
React.createElement(RichTextEditor, { editable: false, readOnly: document.status === "Readonly", placeholder: document.status === "Readonly" ? ("No description") : (React.createElement("span", null,
|
|
40
|
+
React.createElement(FAIcon, { icon: faEdit }),
|
|
41
|
+
"Add Description")), content: document.description || "", onSave: v => envelopeStore.edit(letter.document.id, { Description: v }) }),
|
|
42
|
+
React.createElement(SignatureTable, { envelopeId: envelopeId, letterId: letter.id, lines: letter.signatureLines })))));
|
|
43
|
+
});
|
|
44
|
+
/** change letter public */
|
|
45
|
+
async function changePublic(checked) {
|
|
46
|
+
letter.public = checked;
|
|
47
|
+
await envelopeStore.edit(envelopeId, {
|
|
48
|
+
LetterEdits: [{ Id: letter.id, Public: checked }]
|
|
49
|
+
});
|
|
50
|
+
// context.reload();
|
|
51
|
+
}
|
|
52
|
+
/** pdf 文件流 */
|
|
53
|
+
async function getBlob() {
|
|
54
|
+
return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "");
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
export default LetterViewer;
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterViewer/index.tsx"],"names":[],"mappings":"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"}
|