@voplus/morpho-document 1.0.0-dev280 → 1.0.0-dev281
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/es/components/ExtraDataCardList/index.js +1 -1
- package/es/components/ExtraDataCardList/index.js.map +1 -1
- package/es/components/FileViewer/FileViewer.d.ts +1 -0
- package/es/components/FileViewer/FileViewer.js +3 -3
- package/es/components/FileViewer/FileViewer.js.map +1 -1
- package/es/components/FileViewer/PDF/index.d.ts +10 -0
- package/es/components/FileViewer/{PDFViewer.js → PDF/index.js} +12 -11
- package/es/components/FileViewer/PDF/index.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/ToolbarState.d.ts +23 -0
- package/es/controls/PDFViewer/Toolbar/ToolbarState.js +33 -0
- package/es/controls/PDFViewer/Toolbar/ToolbarState.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.d.ts +4 -0
- package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js +32 -0
- package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.less +14 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.d.ts +3 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.js +14 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.d.ts +3 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.js +14 -0
- package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/buttons/index.d.ts +3 -0
- package/es/controls/PDFViewer/Toolbar/buttons/index.js +4 -0
- package/es/controls/PDFViewer/Toolbar/buttons/index.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/index.d.ts +14 -0
- package/es/controls/PDFViewer/Toolbar/index.js +20 -0
- package/es/controls/PDFViewer/Toolbar/index.js.map +1 -0
- package/es/controls/PDFViewer/Toolbar/index.less +35 -0
- package/es/controls/PDFViewer/index.d.ts +5 -0
- package/es/controls/PDFViewer/index.js +42 -0
- package/es/controls/PDFViewer/index.js.map +1 -0
- package/es/controls/PDFViewer/index.less +8 -0
- package/es/controls/PDFViewer/props.d.ts +7 -0
- package/es/controls/PDFViewer/props.js +1 -0
- package/es/controls/PDFViewer/props.js.map +1 -0
- package/es/controls/PDFViewer/state.d.ts +17 -0
- package/es/controls/PDFViewer/state.js +56 -0
- package/es/controls/PDFViewer/state.js.map +1 -0
- package/es/pages/Signature/Letter/LetterContentView/index.js +2 -2
- package/es/pages/Signature/Letter/LetterContentView/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterViewer/index.js +2 -2
- package/es/pages/Signature/Letter/LetterViewer/index.js.map +1 -1
- package/es/pages/VSubmit/VSubmitDefaultView/index.js +2 -2
- package/es/pages/VSubmit/VSubmitSubmitterView/index.js +3 -3
- package/es/pages/VSubmit/VSubmitSubmitterView/index.js.map +1 -1
- package/es/pages/VSubmit/components/{DocumentIconCard → DocumentIcon}/index.d.ts +2 -2
- package/es/pages/VSubmit/components/DocumentIcon/index.js +21 -0
- package/es/pages/VSubmit/components/DocumentIcon/index.js.map +1 -0
- package/es/pages/VSubmit/components/DocumentIcon/index.less +41 -0
- package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/index.d.ts +4 -2
- package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/index.js +11 -10
- package/es/pages/VSubmit/components/DocumentIconList/index.js.map +1 -0
- package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/index.less +5 -2
- package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/state.js.map +1 -1
- package/package.json +7 -5
- package/es/components/FileViewer/PDFViewer.d.ts +0 -7
- package/es/components/FileViewer/PDFViewer.js.map +0 -1
- package/es/pages/VSubmit/components/DocumentIconCard/index.js +0 -32
- package/es/pages/VSubmit/components/DocumentIconCard/index.js.map +0 -1
- package/es/pages/VSubmit/components/DocumentIconCard/index.less +0 -37
- package/es/pages/VSubmit/components/DocumentIconView/index.js.map +0 -1
- /package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/state.d.ts +0 -0
- /package/es/pages/VSubmit/components/{DocumentIconView → DocumentIconList}/state.js +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useAutoUpdateListData, useDocumentListEffect } from "@voplus/morpho-document-core";
|
|
2
2
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
3
3
|
import DocumentCard from "../DocumentCard";
|
|
4
|
-
import ListView from "@voplus/morpho-ui/es/components/
|
|
4
|
+
import ListView from "@voplus/morpho-ui/es/components/ExtraDataCardList";
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { useObserver } from "mobx-react-lite";
|
|
7
7
|
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExtraDataCardList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,QAAQ,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExtraDataCardList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,QAAQ,MAAM,mDAAmD,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,iBAAiB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACnD,+EAA+E;IAC/E,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,WAAW;YACrB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;SAChE;KACD,EACD,CAAC,KAAK,CAAC,EAAE,CAAC,CACV,CAAC;IAEF,uEAAuE;IACvE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,sEAAsE;IACtE,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhF,mEAAmE;IACnE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;IAE1D,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,WAAW,EAAE;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE;oBAChB,OAAO,EAAE,CAAC,6BAAK,GAAG,EAAC,GAAG,GAAO,CAAC;iBAC9B;gBACD,WAAW,EAAE;oBACZ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oBAChC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE;iBAC7C;gBACD,OAAO,EAAE,KAAK;aACd;YACD,mBAAmB;YACnB,WAAW,EAAC,MAAM,EAClB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE,CAAC,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAI,GACzE,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -8,6 +8,7 @@ declare const FileViewer: {
|
|
|
8
8
|
(props: IFileViewerProps): JSX.Element;
|
|
9
9
|
PDF: (props: {
|
|
10
10
|
id: string;
|
|
11
|
+
viewerProps?: Partial<import("../../controls/PDFViewer/props").PDFViewerProps> | undefined;
|
|
11
12
|
download?: (() => Promise<Blob>) | undefined;
|
|
12
13
|
}) => JSX.Element;
|
|
13
14
|
Image: (props: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import FilePreview from "./Preview";
|
|
2
2
|
import ImageViewer from "./ImageViewer";
|
|
3
|
-
import
|
|
3
|
+
import PDFFileViewer from "./PDF";
|
|
4
4
|
import React from "react";
|
|
5
5
|
import VideoViewer from "./VideoViewer";
|
|
6
6
|
import WOPIViewer from "./WOPIViewer";
|
|
@@ -15,7 +15,7 @@ const FileViewer = (props) => {
|
|
|
15
15
|
return React.createElement(VideoViewer, { id: file.id, mime: file.mimetype });
|
|
16
16
|
}
|
|
17
17
|
else if (file.mimetype === "application/pdf") {
|
|
18
|
-
return React.createElement(
|
|
18
|
+
return React.createElement(PDFFileViewer, { id: file.id });
|
|
19
19
|
}
|
|
20
20
|
else if (/^image\/(gif|jpe?g|png)$/gim.test(file.mimetype)) {
|
|
21
21
|
styles["overflowY"] = "auto";
|
|
@@ -33,7 +33,7 @@ const FileViewer = (props) => {
|
|
|
33
33
|
};
|
|
34
34
|
return useObserver(() => (React.createElement(React.Fragment, null, file.loaded && (React.createElement("div", { className: props.className, style: styles }, renderViewer())))));
|
|
35
35
|
};
|
|
36
|
-
FileViewer.PDF =
|
|
36
|
+
FileViewer.PDF = PDFFileViewer;
|
|
37
37
|
FileViewer.Image = ImageViewer;
|
|
38
38
|
FileViewer.Preview = FilePreview;
|
|
39
39
|
export default FileViewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/FileViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"FileViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/FileViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,aAAa,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YACvC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;YAC3B,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAC;SACzD;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,iBAAiB,EAAE;YAC/C,OAAO,oBAAC,aAAa,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACtC;aAAM,IAAI,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC7D,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;YAC7B,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACpC;aAAM,IAAI,2DAA2D,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC3F,OAAO,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACnC;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC3C,OAAO,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACnC;aAAM;YACN,OAAO,6BAA6B,CAAC;SACrC;IACF,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,IAAI,CAAC,MAAM,IAAI,CACf,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,IAC5C,YAAY,EAAE,CACV,CACN,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,GAAG,GAAG,aAAa,CAAC;AAC/B,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC;AAC/B,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC;AAEjC,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PDFViewerProps } from "../../../controls/PDFViewer/props";
|
|
3
|
+
declare const PDFFileViewer: (props: {
|
|
4
|
+
id: string;
|
|
5
|
+
/** props for internal pdf viewer */
|
|
6
|
+
viewerProps?: Partial<PDFViewerProps>;
|
|
7
|
+
/** 指定 download api function */
|
|
8
|
+
download?: () => Promise<Blob>;
|
|
9
|
+
}) => JSX.Element;
|
|
10
|
+
export default PDFFileViewer;
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { useLocalStore, useObserver } from "mobx-react-lite";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Spin } from "@voplus/antd";
|
|
4
|
-
import
|
|
4
|
+
import Viewer from "../../../controls/PDFViewer";
|
|
5
|
+
import styles from "../index.less";
|
|
5
6
|
import { useEffect } from "react";
|
|
6
|
-
import { useFileStore } from "
|
|
7
|
-
const
|
|
7
|
+
import { useFileStore } from "../../../data/FileStore/FileStore";
|
|
8
|
+
const PDFFileViewer = (props) => {
|
|
8
9
|
const store = useFileStore();
|
|
9
10
|
const state = useLocalStore(() => ({
|
|
10
|
-
|
|
11
|
+
url: "",
|
|
11
12
|
error: "",
|
|
12
|
-
|
|
13
|
+
loading: true
|
|
13
14
|
}));
|
|
14
15
|
useEffect(() => {
|
|
15
16
|
getUrl();
|
|
16
17
|
}, [props.id]);
|
|
17
|
-
|
|
18
|
+
return useObserver(() => (React.createElement(React.Fragment, null, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
|
|
19
|
+
React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement(Viewer, { url: state.url })) : ("No Url"))));
|
|
20
|
+
function getUrl() {
|
|
18
21
|
state.loading = true;
|
|
19
22
|
(props.download ? props.download() : store.download(props.id))
|
|
20
23
|
.then((blob) => {
|
|
@@ -24,9 +27,7 @@ const PDFViewer = (props) => {
|
|
|
24
27
|
})
|
|
25
28
|
.catch((err) => (state.error = err))
|
|
26
29
|
.finally(() => (state.loading = false));
|
|
27
|
-
}
|
|
28
|
-
return useObserver(() => (React.createElement(React.Fragment, null, state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
|
|
29
|
-
React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement("iframe", { src: state.url, width: "100%", height: "100%", style: { border: 0 } })) : ("No Url"))));
|
|
30
|
+
}
|
|
30
31
|
};
|
|
31
|
-
export default
|
|
32
|
-
//# sourceMappingURL=
|
|
32
|
+
export default PDFFileViewer;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FileViewer/PDF/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,aAAa,GAAG,CAAC,KAMtB,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,IAAI;KACb,CAAC,CAAC,CAAC;IACJ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;QACpC,oBAAC,IAAI,OAAG,CACH,CACN,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CAC1B,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACe,CACjB,CAAC,CAAC;IAEH,SAAS,MAAM;QACd,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC5D,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE;gBACT,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aACtC;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;aAC3C,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { PDFViewerState } from "../state";
|
|
2
|
+
/** Interface to be implemented by all tool states e.g Bold . */
|
|
3
|
+
export interface IToolState {
|
|
4
|
+
enable: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class DefaultToolState implements IToolState {
|
|
7
|
+
protected context: PDFViewerState;
|
|
8
|
+
enable: boolean;
|
|
9
|
+
constructor(context: PDFViewerState);
|
|
10
|
+
}
|
|
11
|
+
/** Toolbar state, also a ProseMirror plugin */
|
|
12
|
+
export declare class ToolbarState {
|
|
13
|
+
private context;
|
|
14
|
+
visible: boolean;
|
|
15
|
+
constructor(context: PDFViewerState);
|
|
16
|
+
/** Current tools states. */
|
|
17
|
+
private states;
|
|
18
|
+
/** Try to get an existing tool state or create a new one if it's not already exists.
|
|
19
|
+
* @param key - Key of the tool state.
|
|
20
|
+
* @param factory - factor to create a new option state.
|
|
21
|
+
*/
|
|
22
|
+
getState<T extends IToolState>(key: string, factory: () => T): T;
|
|
23
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { observable } from "mobx";
|
|
3
|
+
export class DefaultToolState {
|
|
4
|
+
constructor(context) {
|
|
5
|
+
this.context = context;
|
|
6
|
+
this.enable = true;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
__decorate([
|
|
10
|
+
observable
|
|
11
|
+
], DefaultToolState.prototype, "enable", void 0);
|
|
12
|
+
/** Toolbar state, also a ProseMirror plugin */
|
|
13
|
+
export class ToolbarState {
|
|
14
|
+
constructor(context) {
|
|
15
|
+
this.context = context;
|
|
16
|
+
this.visible = true;
|
|
17
|
+
/** Current tools states. */
|
|
18
|
+
this.states = new Map();
|
|
19
|
+
}
|
|
20
|
+
/** Try to get an existing tool state or create a new one if it's not already exists.
|
|
21
|
+
* @param key - Key of the tool state.
|
|
22
|
+
* @param factory - factor to create a new option state.
|
|
23
|
+
*/
|
|
24
|
+
getState(key, factory) {
|
|
25
|
+
if (!this.states.has(key))
|
|
26
|
+
this.states.set(key, factory());
|
|
27
|
+
return this.states.get(key);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
__decorate([
|
|
31
|
+
observable
|
|
32
|
+
], ToolbarState.prototype, "visible", void 0);
|
|
33
|
+
//# sourceMappingURL=ToolbarState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolbarState.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/ToolbarState.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAOlC,MAAM,OAAO,gBAAgB;IAG5B,YAAsB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAFjC,WAAM,GAAG,IAAI,CAAC;IAEsB,CAAC;CACjD;AAHY;IAAX,UAAU;gDAAe;AAK3B,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAKxB,YAAoB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAFpC,YAAO,GAAG,IAAI,CAAC;QAGtB,4BAA4B;QACpB,WAAM,GAA4B,IAAI,GAAG,EAAE,CAAC;IAFN,CAAC;IAI/C;;;OAGG;IACI,QAAQ,CAAuB,GAAW,EAAE,OAAgB;QAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;CACD;AAdA;IAFC,UAAU;6CAEW"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { CaretDownOutlined, CaretUpOutlined } from "@ant-design/icons";
|
|
3
|
+
import { DefaultToolState } from "../../ToolbarState";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Select } from "@voplus/antd";
|
|
6
|
+
import { useObserver } from "mobx-react-lite";
|
|
7
|
+
import { usePDFViewerContext } from "../../../state";
|
|
8
|
+
const Zoom = () => {
|
|
9
|
+
const { Option } = Select;
|
|
10
|
+
const context = usePDFViewerContext();
|
|
11
|
+
const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("Zoom", () => new DefaultToolState(context));
|
|
12
|
+
return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom" },
|
|
13
|
+
React.createElement(Select, { className: "zoom-select", value: `${Math.round((context === null || context === void 0 ? void 0 : context.Scale) * 100)} %`, style: { width: 110 }, bordered: false,
|
|
14
|
+
// disabled={!state?.enableNode}
|
|
15
|
+
suffixIcon: React.createElement("span", null,
|
|
16
|
+
React.createElement(CaretUpOutlined, null),
|
|
17
|
+
React.createElement(CaretDownOutlined, { className: "icon-down" })), onChange: value => context === null || context === void 0 ? void 0 : context.Zoom(Number(value)) },
|
|
18
|
+
React.createElement(Option, { value: "0" }, "Fit Width"),
|
|
19
|
+
React.createElement(Option, { value: "0.1" }, "10%"),
|
|
20
|
+
React.createElement(Option, { value: "0.25" }, "25%"),
|
|
21
|
+
React.createElement(Option, { value: "0.5" }, "50%"),
|
|
22
|
+
React.createElement(Option, { value: "0.75" }, "75%"),
|
|
23
|
+
React.createElement(Option, { value: "1" }, "100%"),
|
|
24
|
+
React.createElement(Option, { value: "1.25" }, "125%"),
|
|
25
|
+
React.createElement(Option, { value: "1.50" }, "150%"),
|
|
26
|
+
React.createElement(Option, { value: "2" }, "200%"),
|
|
27
|
+
React.createElement(Option, { value: "4" }, "400%"),
|
|
28
|
+
React.createElement(Option, { value: "8" }, "800%"),
|
|
29
|
+
React.createElement(Option, { value: "16" }, "1600%")))));
|
|
30
|
+
};
|
|
31
|
+
export default Zoom;
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/controls/PDFViewer/Toolbar/buttons/Zoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAErF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAC5C,oBAAC,MAAM,IACN,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,GAAG,CAAC,IAAI,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,KAAK;YACf,gCAAgC;YAChC,UAAU,EACT;gBACC,oBAAC,eAAe,OAAG;gBACnB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CACrC,EAER,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE/C,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,gBAAmB;YACpC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,YAAe,CACzB,CACH,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DefaultToolState } from "../ToolbarState";
|
|
2
|
+
import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { faPlusCircle } from "@fortawesome/pro-regular-svg-icons";
|
|
5
|
+
import { useObserver } from "mobx-react-lite";
|
|
6
|
+
import { usePDFViewerContext } from "../../state";
|
|
7
|
+
const Zoom = () => {
|
|
8
|
+
const context = usePDFViewerContext();
|
|
9
|
+
const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
|
|
10
|
+
return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 1.1) },
|
|
11
|
+
React.createElement(Icon, { icon: faPlusCircle }))));
|
|
12
|
+
};
|
|
13
|
+
export default Zoom;
|
|
14
|
+
//# sourceMappingURL=ZoomIn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomIn.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CACtB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DefaultToolState } from "../ToolbarState";
|
|
2
|
+
import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { faMinusCircle } from "@fortawesome/pro-regular-svg-icons";
|
|
5
|
+
import { useObserver } from "mobx-react-lite";
|
|
6
|
+
import { usePDFViewerContext } from "../../state";
|
|
7
|
+
const Zoom = () => {
|
|
8
|
+
const context = usePDFViewerContext();
|
|
9
|
+
const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
|
|
10
|
+
return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 0.9) },
|
|
11
|
+
React.createElement(Icon, { icon: faMinusCircle }))));
|
|
12
|
+
};
|
|
13
|
+
export default Zoom;
|
|
14
|
+
//# sourceMappingURL=ZoomOut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomOut.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACvB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export declare type ToolbarProps = {
|
|
4
|
+
children?: ReactNode | ReactNode[];
|
|
5
|
+
/** The tool bar sticky to top or not */
|
|
6
|
+
sticky?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const Toolbar: {
|
|
9
|
+
(props: ToolbarProps): JSX.Element;
|
|
10
|
+
defaultProps: {
|
|
11
|
+
sticky: boolean;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default Toolbar;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React, { useRef } from "react";
|
|
3
|
+
import { Zoom, ZoomIn, ZoomOut } from "./buttons";
|
|
4
|
+
import classnames from "classnames";
|
|
5
|
+
import { useIsStickyActive } from "@voplus/morpho-ui";
|
|
6
|
+
import { usePDFViewerContext } from "../state";
|
|
7
|
+
const Toolbar = (props) => {
|
|
8
|
+
const context = usePDFViewerContext();
|
|
9
|
+
const element = useRef(null);
|
|
10
|
+
useIsStickyActive({ stickyOn: props.sticky, element });
|
|
11
|
+
return (React.createElement("div", { className: classnames("pdf-viewer-toolbar", { sticky: props.sticky }), ref: element, style: { textAlign: "center" } }, props.children ? (props.children) : (React.createElement(React.Fragment, null,
|
|
12
|
+
React.createElement(ZoomOut, null),
|
|
13
|
+
React.createElement(Zoom, null),
|
|
14
|
+
React.createElement(ZoomIn, null)))));
|
|
15
|
+
};
|
|
16
|
+
Toolbar.defaultProps = {
|
|
17
|
+
sticky: true
|
|
18
|
+
};
|
|
19
|
+
export default Toolbar;
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAO/C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAEvD,OAAO,CACN,6BACC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EACrE,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAE7B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,QAAQ,CACd,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,OAAO,OAAG;QACX,oBAAC,IAAI,OAAG;QACR,oBAAC,MAAM,OAAG,CACM,CACjB,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACtB,MAAM,EAAE,IAAI;CACZ,CAAC;AACF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@import "~@voplus/antd/es/style/index.less";
|
|
2
|
+
:global {
|
|
3
|
+
.pdf-viewer-toolbar {
|
|
4
|
+
border: 1px @border-style-base @border-color-split;
|
|
5
|
+
//border-bottom: none;
|
|
6
|
+
padding: 0.65rem;
|
|
7
|
+
background-color: white;
|
|
8
|
+
z-index: 1;
|
|
9
|
+
color: lightgray;
|
|
10
|
+
&.sticky {
|
|
11
|
+
position: sticky;
|
|
12
|
+
top: -1px;
|
|
13
|
+
left: 0;
|
|
14
|
+
&.sticky-active {
|
|
15
|
+
box-shadow: 0 8px 6px -6px lightgray;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.toolbar-button {
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
padding: 3px 5px;
|
|
22
|
+
|
|
23
|
+
svg:hover,
|
|
24
|
+
svg.active {
|
|
25
|
+
color: @primary-5;
|
|
26
|
+
}
|
|
27
|
+
svg.disable {
|
|
28
|
+
color: #cecece;
|
|
29
|
+
}
|
|
30
|
+
span.active {
|
|
31
|
+
color: @primary-5;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { Document, Page, pdfjs } from "react-pdf";
|
|
3
|
+
import { PDFViewerContext, PDFViewerState } from "./state";
|
|
4
|
+
import React, { useLayoutEffect, useRef, useState } from "react";
|
|
5
|
+
import Scrollbars from "react-custom-scrollbars";
|
|
6
|
+
import Toolbar from "./Toolbar";
|
|
7
|
+
import { useDeepMemo } from "@voplus/morpho-data";
|
|
8
|
+
import { useObserver } from "mobx-react-lite";
|
|
9
|
+
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.js`;
|
|
10
|
+
const PDFViewer = (props) => {
|
|
11
|
+
const viewerRef = useRef(null);
|
|
12
|
+
const state = useDeepMemo(() => new PDFViewerState(props.url), [props.url]);
|
|
13
|
+
const [numPages, setNumPages] = useState(0);
|
|
14
|
+
useLayoutEffect(() => {
|
|
15
|
+
const observer = new ResizeObserver(() => {
|
|
16
|
+
state.containerWidth = viewerRef.current.getBoundingClientRect().width;
|
|
17
|
+
});
|
|
18
|
+
observer.observe(viewerRef.current);
|
|
19
|
+
return () => observer.disconnect();
|
|
20
|
+
}, []);
|
|
21
|
+
return useObserver(() => {
|
|
22
|
+
var _a;
|
|
23
|
+
return (React.createElement(PDFViewerContext.Provider, { value: state },
|
|
24
|
+
React.createElement(Scrollbars, { autoHide: true, className: "pdf-viewer" }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
|
|
25
|
+
React.createElement(Document, { inputRef: viewerRef, file: state.url, onLoadSuccess: onDocumentLoadSuccess, options: {
|
|
26
|
+
cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@2.4.456/cmaps/`,
|
|
27
|
+
cMapPacked: true
|
|
28
|
+
} }, Array.from(new Array(numPages), (el, index) => {
|
|
29
|
+
var _a;
|
|
30
|
+
return (React.createElement(Page, { onLoadSuccess: onPageLoadSuccess, width: (_a = state.width) !== null && _a !== void 0 ? _a : undefined, key: `page_${index + 1}`, pageNumber: index + 1 }));
|
|
31
|
+
})))));
|
|
32
|
+
});
|
|
33
|
+
function onDocumentLoadSuccess(pdf) {
|
|
34
|
+
setNumPages(pdf.numPages);
|
|
35
|
+
}
|
|
36
|
+
function onPageLoadSuccess(page) {
|
|
37
|
+
state.updateOriginalWidth(page.originalWidth);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
export default PDFViewer;
|
|
42
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,+DAA+D,CAAC;AAEtG,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,eAAe,CAAC,GAAG,EAAE;QACpB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACxC,KAAK,CAAC,cAAc,GAAG,SAAS,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,OAAQ,CAAC,CAAC;QACrC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC,GAAG,EAAE;;QAAC,OAAA,CACxB,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;YACtC,oBAAC,UAAU,IAAC,QAAQ,QAAC,SAAS,EAAC,YAAY,UACzC,KAAK,CAAC,OAAO,mCAAI,oBAAC,OAAO,OAAG;gBAC7B,oBAAC,QAAQ,IACR,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,aAAa,EAAE,qBAAqB,EACpC,OAAO,EAAE;wBACR,OAAO,EAAE,kDAAkD;wBAC3D,UAAU,EAAE,IAAI;qBAChB,IAEA,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;;oBAAC,OAAA,CAC/C,oBAAC,IAAI,IACJ,aAAa,EAAE,iBAAiB,EAChC,KAAK,QAAE,KAAK,CAAC,KAAK,mCAAI,SAAS,EAC/B,GAAG,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE,EACxB,UAAU,EAAE,KAAK,GAAG,CAAC,GACpB,CACF,CAAA;iBAAA,CAAC,CACQ,CACC,CACc,CAC5B,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,qBAAqB,CAAC,GAAqB;QACnD,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,SAAS,iBAAiB,CAAC,IAAS;QACnC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,OAAO;IACR,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/props.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ToolbarState } from "./Toolbar/ToolbarState";
|
|
3
|
+
export declare class PDFViewerState {
|
|
4
|
+
private scale;
|
|
5
|
+
private originalWidth;
|
|
6
|
+
/** Gets the toolbar state. */
|
|
7
|
+
readonly toolbar: ToolbarState;
|
|
8
|
+
url: string;
|
|
9
|
+
containerWidth?: number;
|
|
10
|
+
constructor(url: string);
|
|
11
|
+
updateOriginalWidth(width: number): void;
|
|
12
|
+
get Scale(): number;
|
|
13
|
+
get width(): number | undefined;
|
|
14
|
+
Zoom(scale: number): void;
|
|
15
|
+
}
|
|
16
|
+
export declare const PDFViewerContext: React.Context<PDFViewerState | null>;
|
|
17
|
+
export declare const usePDFViewerContext: () => PDFViewerState | null;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import React, { useContext } from "react";
|
|
3
|
+
import { action, computed, observable } from "mobx";
|
|
4
|
+
import { ToolbarState } from "./Toolbar/ToolbarState";
|
|
5
|
+
export class PDFViewerState {
|
|
6
|
+
constructor(url) {
|
|
7
|
+
this.scale = 0;
|
|
8
|
+
this.originalWidth = 0;
|
|
9
|
+
this.url = "";
|
|
10
|
+
this.url = url;
|
|
11
|
+
this.toolbar = new ToolbarState(this);
|
|
12
|
+
}
|
|
13
|
+
updateOriginalWidth(width) {
|
|
14
|
+
if (this.originalWidth < width)
|
|
15
|
+
this.originalWidth = width;
|
|
16
|
+
}
|
|
17
|
+
get Scale() {
|
|
18
|
+
return this.width ? this.width / this.originalWidth : 0;
|
|
19
|
+
}
|
|
20
|
+
get width() {
|
|
21
|
+
if (this.scale === 0)
|
|
22
|
+
// fit
|
|
23
|
+
return this.containerWidth;
|
|
24
|
+
return this.originalWidth * this.scale;
|
|
25
|
+
}
|
|
26
|
+
Zoom(scale) {
|
|
27
|
+
this.scale = scale;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
__decorate([
|
|
31
|
+
observable
|
|
32
|
+
], PDFViewerState.prototype, "scale", void 0);
|
|
33
|
+
__decorate([
|
|
34
|
+
observable
|
|
35
|
+
], PDFViewerState.prototype, "originalWidth", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
observable
|
|
38
|
+
], PDFViewerState.prototype, "url", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
observable
|
|
41
|
+
], PDFViewerState.prototype, "containerWidth", void 0);
|
|
42
|
+
__decorate([
|
|
43
|
+
action
|
|
44
|
+
], PDFViewerState.prototype, "updateOriginalWidth", null);
|
|
45
|
+
__decorate([
|
|
46
|
+
computed
|
|
47
|
+
], PDFViewerState.prototype, "Scale", null);
|
|
48
|
+
__decorate([
|
|
49
|
+
computed
|
|
50
|
+
], PDFViewerState.prototype, "width", null);
|
|
51
|
+
__decorate([
|
|
52
|
+
action
|
|
53
|
+
], PDFViewerState.prototype, "Zoom", null);
|
|
54
|
+
export const PDFViewerContext = React.createContext(null);
|
|
55
|
+
export const usePDFViewerContext = () => useContext(PDFViewerContext);
|
|
56
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/state.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,OAAO,cAAc;IAkB1B,YAAmB,GAAW;QAhBtB,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,CAAC,CAAC;QAOnB,QAAG,GAAG,EAAE,CAAC;QAOf,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAGM,mBAAmB,CAAC,KAAa;QACvC,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK;YAAE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5D,CAAC;IAID,IAAW,KAAK;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAID,IAAW,KAAK;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YACnB,MAAM;YACN,OAAO,IAAI,CAAC,cAAc,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACxC,CAAC;IAIM,IAAI,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;CACD;AA9CA;IADC,UAAU;6CACO;AAGlB;IADC,UAAU;qDACe;AAO1B;IAFC,UAAU;2CAEK;AAIhB;IAFC,UAAU;sDAEoB;AAQ/B;IADC,MAAM;yDAGN;AAID;IAFC,QAAQ;2CAIR;AAID;IAFC,QAAQ;2CAOR;AAID;IAFC,MAAM;0CAIN;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,IAAI,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ import DocumentTabs from "../../../../components/DocumentTabs";
|
|
|
10
10
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
11
11
|
import FileViewer from "../../../../components/FileViewer";
|
|
12
12
|
import { MenuUnfoldOutlined } from "@ant-design/icons";
|
|
13
|
-
import
|
|
13
|
+
import PDFFileViewer from "../../../../components/FileViewer/PDF";
|
|
14
14
|
import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
|
|
15
15
|
import SignatureTable from "../../SignatureTable";
|
|
16
16
|
import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
|
|
@@ -36,7 +36,7 @@ const LetterContentView = (props) => {
|
|
|
36
36
|
/** File Content (envelope类型的word文档需要转成pdf显示) */
|
|
37
37
|
const renderViewer = () => {
|
|
38
38
|
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) ||
|
|
39
|
-
doc.name.includes(".wopitest") ? (React.createElement(
|
|
39
|
+
doc.name.includes(".wopitest") ? (React.createElement(PDFFileViewer, { id: doc.id, download: () => envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "") })) : (React.createElement(FileViewer, { id: id }));
|
|
40
40
|
};
|
|
41
41
|
return useObserver(() => (React.createElement("div", { className: "letter-content-view" },
|
|
42
42
|
React.createElement("header", null,
|
|
@@ -1 +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,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEvF,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterContentView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { Skeleton, Switch } from "@voplus/antd";
|
|
|
6
6
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
7
7
|
import FileViewer from "../../../../components/FileViewer";
|
|
8
8
|
import Modal from "@voplus/antd/es/modal/Modal";
|
|
9
|
-
import
|
|
9
|
+
import PDFFileViewer from "../../../../components/FileViewer/PDF";
|
|
10
10
|
import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
|
|
11
11
|
import SignatureTable from "../../SignatureTable";
|
|
12
12
|
import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
|
|
@@ -30,7 +30,7 @@ const LetterViewer = (props) => {
|
|
|
30
30
|
React.createElement(CloseOutlined, { onClick: () => updateVisible && updateVisible(false) })),
|
|
31
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
32
|
// word 转换成 pdf 显示
|
|
33
|
-
React.createElement(
|
|
33
|
+
React.createElement(PDFFileViewer, { id: letter.document.id, download: getBlob })) : (React.createElement(FileViewer, { id: letter.document.id }))))),
|
|
34
34
|
setting && (React.createElement("div", { className: "setting-content" },
|
|
35
35
|
React.createElement("div", { className: "setting-public" },
|
|
36
36
|
React.createElement("span", { className: "bold" }, "Public"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAW,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,MAAM,6BAA6B,CAAC;AAChD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterViewer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
|
|
|
3
3
|
import { useDocumentStore } from "@voplus/morpho-document-core";
|
|
4
4
|
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
5
5
|
import DocumentHeader from "../../../components/DocumentHeader";
|
|
6
|
-
import
|
|
6
|
+
import DocumentIconList from "../components/DocumentIconList";
|
|
7
7
|
import DocumentTabs from "../../../components/DocumentTabs";
|
|
8
8
|
import EmailRecipients from "../components/EmailRecipients";
|
|
9
9
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
@@ -45,7 +45,7 @@ const VSubmitDefaultView = () => {
|
|
|
45
45
|
vsubmit.loading || !state.reload ? (React.createElement("div", { style: { padding: "0 20px" } },
|
|
46
46
|
React.createElement(Skeleton, { active: true }))) : (React.createElement(Scrollbars, null,
|
|
47
47
|
React.createElement(EmailRecipients, null),
|
|
48
|
-
React.createElement(
|
|
48
|
+
React.createElement(DocumentIconList, { id: vsubmit.attachmentsId, download: false }),
|
|
49
49
|
React.createElement(SubmitSections, { id: id })))))));
|
|
50
50
|
/** reload data */
|
|
51
51
|
function onReLoad() {
|
|
@@ -2,7 +2,7 @@ import "./index.less";
|
|
|
2
2
|
import { useDocumentStore } from "@voplus/morpho-document-core";
|
|
3
3
|
import ChatView from "@voplus/morpho-collaboration/es/components/Comment";
|
|
4
4
|
import DocumentHeader from "../../../components/DocumentHeader";
|
|
5
|
-
import
|
|
5
|
+
import DocumentIconList from "../components/DocumentIconList";
|
|
6
6
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
7
7
|
import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
|
|
8
8
|
import React from "react";
|
|
@@ -27,8 +27,8 @@ const VSubmitSubmitterView = () => {
|
|
|
27
27
|
React.createElement(FAIcon, { icon: faEdit }),
|
|
28
28
|
"Add Description")), content: submitter.description || "", onSave: v => documentStore.edit(id, { Description: v }) })))),
|
|
29
29
|
submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(Scrollbars, { autoHide: true },
|
|
30
|
-
React.createElement(
|
|
31
|
-
React.createElement(SubmitSections, { id: id })))),
|
|
30
|
+
React.createElement(DocumentIconList, { id: submitter.attachmentsId, upload: true }),
|
|
31
|
+
React.createElement(SubmitSections, { id: id, readonly: true })))),
|
|
32
32
|
React.createElement("nav", null, submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(ChatView, { channelId: submitter.channelId || "" }))))));
|
|
33
33
|
};
|
|
34
34
|
export default VSubmitSubmitterView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/VSubmit/VSubmitSubmitterView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAe,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,QAAQ,MAAM,oDAAoD,CAAC;AAC1E,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB;QAC/C,6BAAK,SAAS,EAAC,4BAA4B;YAC1C;gBACC,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG;gBACpC,6BAAK,SAAS,EAAC,uBAAuB,IACpC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,WAAW,EACV,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CACpB,gBAAgB,CAChB,CAAC,CAAC,CAAC,CACH;wBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;0CAElB,CACP,EAEF,OAAO,EAAE,SAAS,CAAC,WAAW,IAAI,EAAE,EACpC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACtD,CACF,CACI,CACE;YACR,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,QAAQ;gBACnB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,SAAS,CAAC,aAAa,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/VSubmit/VSubmitSubmitterView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAe,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,QAAQ,MAAM,oDAAoD,CAAC;AAC1E,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB;QAC/C,6BAAK,SAAS,EAAC,4BAA4B;YAC1C;gBACC,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG;gBACpC,6BAAK,SAAS,EAAC,uBAAuB,IACpC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,WAAW,EACV,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CACpB,gBAAgB,CAChB,CAAC,CAAC,CAAC,CACH;wBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;0CAElB,CACP,EAEF,OAAO,EAAE,SAAS,CAAC,WAAW,IAAI,EAAE,EACpC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACtD,CACF,CACI,CACE;YACR,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,QAAQ;gBACnB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,SAAS,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,GAAI;gBAC/D,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,SAAG,CACvB,CACb,CACI;QACN,iCACE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GAAI,CAClD,CACI,CACO,CACd,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./index.less";
|
|
3
|
-
declare const
|
|
3
|
+
declare const DocumentIcon: {
|
|
4
4
|
(props: {
|
|
5
5
|
id: string;
|
|
6
6
|
size?: "small" | "normal" | "large";
|
|
@@ -9,4 +9,4 @@ declare const DocumentIconCard: {
|
|
|
9
9
|
size: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
export default
|
|
12
|
+
export default DocumentIcon;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { useDocument } from "@voplus/morpho-document-core";
|
|
4
|
+
import { useMetaStore } from "../../../../data/DocumentMetaStore";
|
|
5
|
+
import { useObserver } from "mobx-react-lite";
|
|
6
|
+
const DocumentIcon = (props) => {
|
|
7
|
+
const { id, size } = props;
|
|
8
|
+
const meta = useMetaStore();
|
|
9
|
+
const document = useDocument(id, {
|
|
10
|
+
reload: d => !d.tags,
|
|
11
|
+
includes: "tags,versions"
|
|
12
|
+
});
|
|
13
|
+
return useObserver(() => (React.createElement("div", { className: "document-icon-view" },
|
|
14
|
+
React.createElement("span", { className: `document-icon-${size}` }, meta.getIcon(document)),
|
|
15
|
+
React.createElement("span", { className: "document-icon-name", title: document.name }, document.name))));
|
|
16
|
+
};
|
|
17
|
+
DocumentIcon.defaultProps = {
|
|
18
|
+
size: "normal"
|
|
19
|
+
};
|
|
20
|
+
export default DocumentIcon;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,KAA0D,EAAE,EAAE;IACnF,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE;QAChC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;QACpB,QAAQ,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,oBAAoB;QAClC,8BAAM,SAAS,EAAE,iBAAiB,IAAI,EAAE,IAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAQ;QACzE,8BAAM,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,IACvD,QAAQ,CAAC,IAAI,CACR,CACF,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,QAAQ;CACd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/default.less";
|
|
2
|
+
:global {
|
|
3
|
+
.document-icon-view {
|
|
4
|
+
font-size: 13px;
|
|
5
|
+
> span {
|
|
6
|
+
display: block;
|
|
7
|
+
max-width: 7rem;
|
|
8
|
+
text-align: center;
|
|
9
|
+
padding: 0 10px;
|
|
10
|
+
}
|
|
11
|
+
.document-icon-small {
|
|
12
|
+
font-size: 36px;
|
|
13
|
+
line-height: 36px;
|
|
14
|
+
}
|
|
15
|
+
.document-icon-normal {
|
|
16
|
+
font-size: 48px;
|
|
17
|
+
line-height: 48px;
|
|
18
|
+
}
|
|
19
|
+
.document-icon-large {
|
|
20
|
+
font-size: 84px;
|
|
21
|
+
line-height: 84px;
|
|
22
|
+
}
|
|
23
|
+
.document-icon-name {
|
|
24
|
+
position: relative;
|
|
25
|
+
max-height: 60px;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
word-break: break-all;
|
|
28
|
+
&:hover {
|
|
29
|
+
color: @primary-color;
|
|
30
|
+
}
|
|
31
|
+
&:after {
|
|
32
|
+
content: "...";
|
|
33
|
+
position: absolute;
|
|
34
|
+
font-weight: 500;
|
|
35
|
+
right: 0;
|
|
36
|
+
top: 40px;
|
|
37
|
+
height: 20px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./index.less";
|
|
3
|
-
declare const
|
|
3
|
+
declare const DocumentIconList: {
|
|
4
4
|
(props: {
|
|
5
5
|
id: string;
|
|
6
6
|
download?: boolean;
|
|
7
7
|
upload?: boolean;
|
|
8
|
+
header?: boolean;
|
|
8
9
|
}): JSX.Element;
|
|
9
10
|
defaultProps: {
|
|
10
11
|
upload: boolean;
|
|
12
|
+
header: boolean;
|
|
11
13
|
};
|
|
12
14
|
};
|
|
13
|
-
export default
|
|
15
|
+
export default DocumentIconList;
|
|
@@ -2,7 +2,7 @@ import "./index.less";
|
|
|
2
2
|
import { Button, Empty, Tooltip, Upload } from "@voplus/antd";
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { faDownload, faUpload } from "@fortawesome/pro-light-svg-icons";
|
|
5
|
-
import
|
|
5
|
+
import DocumentIcon from "../DocumentIcon";
|
|
6
6
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
7
7
|
import { State } from "./state";
|
|
8
8
|
import { useApplicationContext } from "@voplus/morpho-data";
|
|
@@ -10,8 +10,8 @@ import { useDocumentListEffect } from "@voplus/morpho-document-core";
|
|
|
10
10
|
import { useDocumentStore } from "@voplus/morpho-document-core";
|
|
11
11
|
import { useFileStore } from "../../../../data/FileStore/FileStore";
|
|
12
12
|
import { useObserver } from "mobx-react-lite";
|
|
13
|
-
const
|
|
14
|
-
const { id, download, upload } = props;
|
|
13
|
+
const DocumentIconList = (props) => {
|
|
14
|
+
const { id, download, upload, header } = props;
|
|
15
15
|
const [state] = useState(new State());
|
|
16
16
|
const { user } = useApplicationContext();
|
|
17
17
|
const store = useDocumentStore();
|
|
@@ -21,16 +21,16 @@ const DocumentIconView = (props) => {
|
|
|
21
21
|
}, {
|
|
22
22
|
Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }]
|
|
23
23
|
});
|
|
24
|
-
return useObserver(() => (React.createElement("div", { className: "documents-icon-view" },
|
|
25
|
-
React.createElement("div", { className: "attachments-header" },
|
|
24
|
+
return useObserver(() => (React.createElement("div", { className: "documents-icon-list-view" },
|
|
25
|
+
header && (React.createElement("div", { className: "attachments-header" },
|
|
26
26
|
React.createElement("div", { className: "attachments-title" }, "Attachments"),
|
|
27
27
|
download !== false && (React.createElement(Tooltip, { title: "Download" },
|
|
28
28
|
React.createElement(Button, { type: "link", disabled: !(state.list && state.list.length), className: "download-btn", onClick: onDownload },
|
|
29
|
-
React.createElement(FAIcon, { icon: faDownload }))))),
|
|
29
|
+
React.createElement(FAIcon, { icon: faDownload })))))),
|
|
30
30
|
React.createElement("div", { className: "attachments-cards" },
|
|
31
31
|
React.createElement(Upload.Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
|
|
32
32
|
Authorization: `Bearer ${user.info.accessToken}`
|
|
33
|
-
}, fileList: state.fileList, showUploadList: state.fileList.length > 0, onChange: onUploading, disabled: !upload, openFileDialogOnClick: false, multiple: true }, !!(state.list && state.list.length) ? (state.list.map(d => React.createElement(
|
|
33
|
+
}, fileList: state.fileList, showUploadList: state.fileList.length > 0, onChange: onUploading, disabled: !upload, openFileDialogOnClick: false, multiple: true }, !!(state.list && state.list.length) ? (state.list.map(d => React.createElement(DocumentIcon, { key: d.id, id: d.id }))) : upload ? (React.createElement("div", { className: "ant-upload-hint" },
|
|
34
34
|
React.createElement(FAIcon, { icon: faUpload }),
|
|
35
35
|
"Drag file to this area to upload")) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })))))));
|
|
36
36
|
/** download file */
|
|
@@ -54,8 +54,9 @@ const DocumentIconView = (props) => {
|
|
|
54
54
|
state.list = [...state.list, file.response];
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
|
|
58
|
-
upload: true
|
|
57
|
+
DocumentIconList.defaultProps = {
|
|
58
|
+
upload: true,
|
|
59
|
+
header: true
|
|
59
60
|
};
|
|
60
|
-
export default
|
|
61
|
+
export default DocumentIconList;
|
|
61
62
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIconList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
:global {
|
|
2
|
-
.documents-icon-view {
|
|
2
|
+
.documents-icon-list-view {
|
|
3
3
|
.attachments-header {
|
|
4
4
|
display: flex;
|
|
5
5
|
justify-content: space-between;
|
|
6
6
|
align-items: center;
|
|
7
|
-
padding:
|
|
7
|
+
padding: 10px 20px;
|
|
8
8
|
border-bottom: 1px solid #f2f2f2;
|
|
9
9
|
.attachments-title {
|
|
10
10
|
color: #000;
|
|
@@ -20,6 +20,9 @@
|
|
|
20
20
|
.attachments-cards {
|
|
21
21
|
display: flex;
|
|
22
22
|
flex-wrap: wrap;
|
|
23
|
+
margin: 0 20px;
|
|
24
|
+
padding: 10px 0;
|
|
25
|
+
background-color: #fff;
|
|
23
26
|
> span {
|
|
24
27
|
display: flex;
|
|
25
28
|
width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIconList/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,0BAA0B;QACP,SAAI,GAAgB,EAAE,CAAC;QAC1C,0BAA0B;QACP,aAAQ,GAAiB,EAAE,CAAC;IAChD,CAAC;CAAA;AAHY;IAAX,UAAU;mCAA+B;AAE9B;IAAX,UAAU;uCAAoC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@voplus/morpho-document",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-dev281",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"file-saver": "^2.0.2",
|
|
35
35
|
"object-hash": "^2.0.3",
|
|
36
|
+
"react-pdf": "^5.0.0-beta",
|
|
36
37
|
"react-signature-canvas": "^1.0.3",
|
|
37
38
|
"react-sortable-tree": "^2.8.0",
|
|
38
39
|
"react-sortable-tree-theme-file-explorer": "^2.0.0",
|
|
@@ -47,13 +48,15 @@
|
|
|
47
48
|
"@types/lodash-es": "^4.17.3",
|
|
48
49
|
"@types/object-hash": "^1.3.3",
|
|
49
50
|
"@types/react": "^16.9.46",
|
|
50
|
-
"@types/react-custom-scrollbars": "^4.0.
|
|
51
|
+
"@types/react-custom-scrollbars": "^4.0.7",
|
|
51
52
|
"@types/react-dom": "^16.9.8",
|
|
52
53
|
"@types/react-infinite-scroller": "^1.2.1",
|
|
54
|
+
"@types/react-pdf": "^4.0.5",
|
|
53
55
|
"@types/react-router": "^5.1.8",
|
|
54
56
|
"@types/react-signature-canvas": "^1.0.1",
|
|
55
57
|
"@types/react-sortable-tree-theme-file-explorer": "0.0.0",
|
|
56
58
|
"@types/react-test-renderer": "^16.9.2",
|
|
59
|
+
"@types/resize-observer-browser": "^0.1.3",
|
|
57
60
|
"@types/string": "0.0.30",
|
|
58
61
|
"@types/uuid": "^3.4.9",
|
|
59
62
|
"@voplus/antd": "^4.2.2-vo1.0.2",
|
|
@@ -63,9 +66,8 @@
|
|
|
63
66
|
"@voplus/morpho-data": "^1.0.0-dev107",
|
|
64
67
|
"@voplus/morpho-document-core": "^1.0.0-dev011",
|
|
65
68
|
"@voplus/morpho-org": "^1.0.0-dev032-antd4",
|
|
66
|
-
"@voplus/morpho-text": "^1.0.0-
|
|
67
|
-
"@voplus/morpho-ui": "^1.0.0-
|
|
68
|
-
"draft-js": "^0.11.6",
|
|
69
|
+
"@voplus/morpho-text": "^1.0.0-dev058",
|
|
70
|
+
"@voplus/morpho-ui": "^1.0.0-dev141",
|
|
69
71
|
"mobx": "^5.15.4",
|
|
70
72
|
"mobx-react-lite": "^1.5.2",
|
|
71
73
|
"mobx-utils": "^5.6.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/PDFViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,SAAS,GAAG,CAAC,KAIlB,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,EAAE;QACT,GAAG,EAAE,EAAE;KACP,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC5D,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE;gBACT,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aACtC;QACF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;aAC3C,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;QACpC,oBAAC,IAAI,OAAG,CACH,CACN,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACf,gCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAC3E,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import "./index.less";
|
|
2
|
-
import { Archive, Download, Open } from "../../../../controls/ToolBar/buttons";
|
|
3
|
-
import React, { useState } from "react";
|
|
4
|
-
import Card from "@voplus/morpho-ui/es/controls/Card";
|
|
5
|
-
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
6
|
-
import ToolBar from "../../../../controls/ToolBar/ToolBar2";
|
|
7
|
-
import classnames from "classnames";
|
|
8
|
-
import { useDocument } from "@voplus/morpho-document-core";
|
|
9
|
-
import { useMetaStore } from "../../../../data/DocumentMetaStore";
|
|
10
|
-
import { useObserver } from "mobx-react-lite";
|
|
11
|
-
const DocumentIconCard = (props) => {
|
|
12
|
-
const { id, size } = props;
|
|
13
|
-
const document = useDocument(id, {
|
|
14
|
-
reload: d => !d.tags,
|
|
15
|
-
includes: "tags,versions"
|
|
16
|
-
});
|
|
17
|
-
const meta = useMetaStore();
|
|
18
|
-
const [isHover, setIsHover] = useState(false);
|
|
19
|
-
return useObserver(() => (React.createElement(Card, { shadow: true, className: "document-icon-card" },
|
|
20
|
-
React.createElement("div", { className: "document-card-item", onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
|
|
21
|
-
React.createElement(DocumentHeader, { id: id, clickNameEffect: "quick-view", pre: React.createElement("span", { className: `attachment-icon-${size}` }, meta.getIcon(document)), flagVisible: false, toolsVisible: false, quickDataBarVisible: false }),
|
|
22
|
-
React.createElement("div", { className: classnames("hover-operate-icon", { show: isHover }) },
|
|
23
|
-
React.createElement(ToolBar, { id: id, menuProps: { url: `/document/${id}` } },
|
|
24
|
-
React.createElement(Open, { url: `/document/${id}` }),
|
|
25
|
-
React.createElement(Archive, null),
|
|
26
|
-
React.createElement(Download, null)))))));
|
|
27
|
-
};
|
|
28
|
-
DocumentIconCard.defaultProps = {
|
|
29
|
-
size: "normal"
|
|
30
|
-
};
|
|
31
|
-
export default DocumentIconCard;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIconCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,CAAC,KAA0D,EAAE,EAAE;IACvF,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE;QAChC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;QACpB,QAAQ,EAAE,eAAe;KACzB,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB;QACjD,6BACC,SAAS,EAAC,oBAAoB,EAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;YAErC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,eAAe,EAAC,YAAY,EAC5B,GAAG,EAAE,8BAAM,SAAS,EAAE,mBAAmB,IAAI,EAAE,IAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAQ,EAChF,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,mBAAmB,EAAE,KAAK,GACzB;YACF,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gBAClE,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE;oBACrD,oBAAC,IAAI,IAAC,GAAG,EAAE,aAAa,EAAE,EAAE,GAAI;oBAChC,oBAAC,OAAO,OAAG;oBACX,oBAAC,QAAQ,OAAG,CACH,CACL,CACD,CACA,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,YAAY,GAAG;IAC/B,IAAI,EAAE,QAAQ;CACd,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
:global {
|
|
2
|
-
.document-icon-card {
|
|
3
|
-
padding: 0.75rem;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
.document-header-default {
|
|
6
|
-
padding: unset;
|
|
7
|
-
.document-name-content {
|
|
8
|
-
align-items: center;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
.attachment-icon-small {
|
|
12
|
-
font-size: 24px;
|
|
13
|
-
line-height: 25px;
|
|
14
|
-
}
|
|
15
|
-
.attachment-icon-normal {
|
|
16
|
-
font-size: 36px;
|
|
17
|
-
line-height: 37px;
|
|
18
|
-
}
|
|
19
|
-
.attachment-icon-large {
|
|
20
|
-
font-size: 48px;
|
|
21
|
-
line-height: 49px;
|
|
22
|
-
}
|
|
23
|
-
.hover-operate-icon {
|
|
24
|
-
opacity: 0;
|
|
25
|
-
padding-top: 5px;
|
|
26
|
-
&.show {
|
|
27
|
-
opacity: 1;
|
|
28
|
-
}
|
|
29
|
-
.ant-dropdown-trigger {
|
|
30
|
-
float: right;
|
|
31
|
-
}
|
|
32
|
-
.ant-btn + .ant-btn {
|
|
33
|
-
margin: 0 0 0 8px;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIconView/index.tsx"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
File without changes
|