@voplus/morpho-document 5.0.64 → 5.0.66
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/DocumentQuickViewDialog/index.d.ts +2 -2
- package/es/components/DocumentQuickViewDialog/index.js +16 -4
- package/es/components/DocumentQuickViewDialog/index.js.map +1 -1
- package/es/components/FileViewer/Preview.js +49 -19
- package/es/components/FileViewer/Preview.js.map +1 -1
- package/es/components/TextQuickViewDialog/index.js +2 -2
- package/es/components/TextQuickViewDialog/index.js.map +1 -1
- package/es/controls/QuickViewDialog/QuickSubTab/index.d.ts +26 -0
- package/es/controls/QuickViewDialog/QuickSubTab/index.js +30 -0
- package/es/controls/QuickViewDialog/QuickSubTab/index.js.map +1 -0
- package/es/controls/QuickViewDialog/QuickSubTab/index.less +23 -0
- package/es/controls/QuickViewDialog/index.d.ts +29 -0
- package/es/controls/QuickViewDialog/index.js +79 -0
- package/es/controls/QuickViewDialog/index.js.map +1 -0
- package/es/controls/QuickViewDialog/index.less +72 -0
- package/es/controls/QuickViewDialog/state.d.ts +5 -0
- package/es/controls/QuickViewDialog/state.js +18 -0
- package/es/controls/QuickViewDialog/state.js.map +1 -0
- package/es/controls/ShortcutMenu/index.js +2 -4
- package/es/controls/ShortcutMenu/index.js.map +1 -1
- package/es/modules/document-register/components/DocumentRegisterQuickViewDialog/index.js +6 -10
- package/es/modules/document-register/components/DocumentRegisterQuickViewDialog/index.js.map +1 -1
- package/es/modules/graph/components/GraphQuickViewDialog/index.js +46 -21
- package/es/modules/graph/components/GraphQuickViewDialog/index.js.map +1 -1
- package/es/modules/page/views/PageQuickView/index.js +3 -3
- package/es/modules/page/views/PageQuickView/index.js.map +1 -1
- package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js +10 -2
- package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js.map +1 -1
- package/package.json +1 -1
- package/es/modules/document-register/components/DocumentRegisterQuickViewDialog/index.less +0 -15
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
declare const DocumentQuickViewDialog: (props:
|
|
2
|
+
import { QuickViewDialogProps } from "../../controls/QuickViewDialog";
|
|
3
|
+
declare const DocumentQuickViewDialog: (props: QuickViewDialogProps) => React.JSX.Element;
|
|
4
4
|
export default DocumentQuickViewDialog;
|
|
@@ -1,14 +1,26 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
|
|
3
|
+
import QuickViewDialog from "../../controls/QuickViewDialog";
|
|
3
4
|
import DescriptionDocumentList from "../DescriptionDocumentList";
|
|
4
|
-
import
|
|
5
|
+
import { CommentDataIcon, DateQuickIcon, DocumentPathDataIcon, UserQuickIcon, } from "../../controls/data-icons";
|
|
6
|
+
import DataIconBar from "../../controls/DataIconBar";
|
|
7
|
+
import Preview from "../FileViewer/Preview";
|
|
8
|
+
import DocumentHeader from "../DocumentHeader";
|
|
9
|
+
import { useDocument } from "@voplus/morpho-document-core";
|
|
5
10
|
import { observe } from "@voplus/morpho-ui";
|
|
6
11
|
const DocumentQuickViewDialog = (props) => {
|
|
7
12
|
/**使用useMetaStore 获取getQuickView*/
|
|
8
13
|
const view = useMemo(() => new ViewContextData("QuickView"), []);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
const doc = useDocument(props.id, { reload: true, includes: "tags, versions" });
|
|
15
|
+
return observe(() => {
|
|
16
|
+
var _a, _b;
|
|
17
|
+
return (React.createElement(ViewContext.Provider, { value: view },
|
|
18
|
+
React.createElement(React.Fragment, null, doc.type === "File" ? (React.createElement(Preview, { id: props.id, visible: props.visible, url: `/document/${props.id}`, onClose: props.onCancel })) : (React.createElement(QuickViewDialog, { ...props, header: React.createElement(DocumentHeader, { id: props.id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
|
|
19
|
+
React.createElement(DateQuickIcon, { id: props.id }),
|
|
20
|
+
React.createElement(CommentDataIcon, { id: props.id }),
|
|
21
|
+
React.createElement(UserQuickIcon, { id: props.id }),
|
|
22
|
+
React.createElement(DocumentPathDataIcon, { id: props.id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }), subButtons: (_a = props.subButtons) !== null && _a !== void 0 ? _a : [{ name: "Activities" }, { name: "Link" }] }, (_b = props.children) !== null && _b !== void 0 ? _b : React.createElement(DescriptionDocumentList, { id: props.id }))))));
|
|
23
|
+
});
|
|
12
24
|
};
|
|
13
25
|
export default DocumentQuickViewDialog;
|
|
14
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAa,MAAM,OAAO,CAAC;AAClD,OAAO,EACN,WAAW,EACX,eAAe,GACf,MAAM,0DAA0D,CAAC;AAClE,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EACN,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,aAAa,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAkB,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,uBAAuB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC/D,kCAAkC;IAElC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEhF,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YAChC,0CACE,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,oBAAC,OAAO,IACP,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,aAAa,KAAK,CAAC,EAAE,EAAE,EAC5B,OAAO,EAAE,KAAK,CAAC,QAAQ,GACtB,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,eAAe,OACX,KAAK,EACT,MAAM,EACL,oBAAC,cAAc,IACd,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAC,IAAI,EACT,YAAY,EACX,oBAAC,WAAW;wBACX,oBAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;wBAC/B,oBAAC,eAAe,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;wBACjC,oBAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;wBAC/B,oBAAC,oBAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CACzB,EAEf,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAI,GACjB,EAEH,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,IAEzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,oBAAC,uBAAuB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAC3C,CAClB,CACC,CACmB,CACvB,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
|
+
import { faFileAlt, faLink, faListTimeline } from "@fortawesome/pro-light-svg-icons";
|
|
3
|
+
import DocumentList from "../DocumentList";
|
|
4
|
+
import Links from "../Links";
|
|
2
5
|
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
3
|
-
import
|
|
4
|
-
import { QuickSubContent, QuickSubTab } from "
|
|
6
|
+
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
|
|
7
|
+
import { QuickSubContent, QuickSubTab, } from "../../controls/QuickViewDialog/QuickSubTab";
|
|
5
8
|
import React, { useState } from "react";
|
|
6
9
|
import { faArrowDownToBracket, faExternalLink, faXmark } from "@fortawesome/pro-light-svg-icons";
|
|
7
10
|
import { useFile, useFileStore } from "@voplus/morpho-document-core";
|
|
8
11
|
import DocumentHeader from "../DocumentHeader";
|
|
9
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
10
12
|
import FileViewer from "./FileViewer";
|
|
11
13
|
import FlexDialog from "../FlexDialog";
|
|
12
14
|
import { saveAs } from "file-saver";
|
|
@@ -27,6 +29,31 @@ const FilePreview = (props) => {
|
|
|
27
29
|
}
|
|
28
30
|
});
|
|
29
31
|
};
|
|
32
|
+
const items = [
|
|
33
|
+
{
|
|
34
|
+
name: "Document",
|
|
35
|
+
icon: faFileAlt,
|
|
36
|
+
title: "Sub-Documents",
|
|
37
|
+
detail: React.createElement(DocumentList, { id: props.id, multiple: true }),
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
name: "Activities",
|
|
41
|
+
icon: faListTimeline,
|
|
42
|
+
title: "Activities",
|
|
43
|
+
detail: React.createElement(ActivityLog, { id: props.id }),
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: "Link",
|
|
47
|
+
icon: faLink,
|
|
48
|
+
title: "Activities",
|
|
49
|
+
detail: React.createElement(Links, { id: props.id, isTitle: false }),
|
|
50
|
+
},
|
|
51
|
+
{ name: "Download", icon: faArrowDownToBracket, title: "Download", detail: React.createElement(React.Fragment, null) },
|
|
52
|
+
];
|
|
53
|
+
if (props.url)
|
|
54
|
+
items.unshift({ name: "Open", icon: faExternalLink, title: "Open New Tab", detail: React.createElement(React.Fragment, null) });
|
|
55
|
+
if (!layout.ui.mobile)
|
|
56
|
+
items.push({ name: "Cancel", icon: faXmark, title: "", detail: React.createElement(React.Fragment, null) });
|
|
30
57
|
return observe(() => (React.createElement(FlexDialog, { modalProps: {
|
|
31
58
|
className: "quickView-modal-style",
|
|
32
59
|
open: props.visible,
|
|
@@ -41,13 +68,7 @@ const FilePreview = (props) => {
|
|
|
41
68
|
React.createElement("div", { className: "perview-head" }, file ? (React.createElement(React.Fragment, null,
|
|
42
69
|
React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
|
|
43
70
|
React.createElement("div", { className: "preview-tab" },
|
|
44
|
-
|
|
45
|
-
React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
|
|
46
|
-
React.createElement(FAIcon, { icon: faExternalLink })))),
|
|
47
|
-
React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
|
|
48
|
-
React.createElement(Tooltip, { title: "Download" },
|
|
49
|
-
React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faArrowDownToBracket }), onClick: download })),
|
|
50
|
-
!layout.ui.mobile && (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faXmark }), onClick: props.onClose }))))) : ("File not found")),
|
|
71
|
+
React.createElement(QuickSubTab, { items: items, shape: false, showSubTab: showSubTab })))) : ("File not found")),
|
|
51
72
|
file.loaded ? (React.createElement(FileViewer, { id: props.id, style: {
|
|
52
73
|
height: "70vh",
|
|
53
74
|
display: "flex",
|
|
@@ -55,15 +76,24 @@ const FilePreview = (props) => {
|
|
|
55
76
|
textAlign: "center",
|
|
56
77
|
flex: 1,
|
|
57
78
|
} })) : ("File not found"))))));
|
|
58
|
-
function showSubTab(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
79
|
+
function showSubTab(item) {
|
|
80
|
+
var _a;
|
|
81
|
+
if (item.name === "Open") {
|
|
82
|
+
layout.history.push(props.url);
|
|
83
|
+
}
|
|
84
|
+
else if (item.name === "Download") {
|
|
85
|
+
download();
|
|
86
|
+
}
|
|
87
|
+
else if (item.name === "Cancel") {
|
|
88
|
+
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
setSubTab(true);
|
|
92
|
+
asideContext.openAside(React.createElement(QuickSubContent, { shape: true, detail: item.detail, onCancel: () => {
|
|
93
|
+
asideContext.closeAside();
|
|
94
|
+
setSubTab(false);
|
|
95
|
+
} }), { span: 12 });
|
|
96
|
+
}
|
|
67
97
|
}
|
|
68
98
|
};
|
|
69
99
|
export default FilePreview;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
|
-
import QuickViewDialog from "../QuickViewDialog";
|
|
3
2
|
import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
|
|
3
|
+
import DocumentQuickViewDialog from "../DocumentQuickViewDialog";
|
|
4
4
|
import { observe } from "@voplus/morpho-ui";
|
|
5
5
|
import styles from "./index.less";
|
|
6
6
|
const TextQuickViewDialog = (props) => {
|
|
7
7
|
const [readonly, setReadonly] = useState(true);
|
|
8
|
-
return observe(() => (React.createElement(
|
|
8
|
+
return observe(() => (React.createElement(DocumentQuickViewDialog, { ...props, className: styles["text-quick-view"], subButtons: [{ name: "Document" }, { name: "Activities" }, { name: "Link" }] },
|
|
9
9
|
React.createElement(TextEditor2, { id: props.id, proseMirrorProps: {
|
|
10
10
|
readonly: readonly,
|
|
11
11
|
showNoContent: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,mBAAmB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,uBAAuB,OACnB,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EACpC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAE5E,oBAAC,WAAW,IACX,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,gBAAgB,EAAE;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;aAC/B,GACA,CACuB,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
+
import React, { ReactNode } from "react";
|
|
3
|
+
export type ItemsProps = {
|
|
4
|
+
name: string;
|
|
5
|
+
icon: IconProp;
|
|
6
|
+
title: string;
|
|
7
|
+
detail: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export type QuickSubProps = {
|
|
10
|
+
items: ItemsProps[];
|
|
11
|
+
shape?: boolean;
|
|
12
|
+
showSubTab?: (item: ItemsProps) => void;
|
|
13
|
+
};
|
|
14
|
+
declare const QuickSubTab: {
|
|
15
|
+
(props: QuickSubProps): React.JSX.Element;
|
|
16
|
+
defaultProps: {
|
|
17
|
+
shape: boolean;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
declare const QuickSubContent: (props: {
|
|
21
|
+
shape?: boolean;
|
|
22
|
+
className?: string;
|
|
23
|
+
detail: ReactNode;
|
|
24
|
+
onCancel?: () => void;
|
|
25
|
+
}) => React.JSX.Element;
|
|
26
|
+
export { QuickSubContent, QuickSubTab };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { faTimes } from "@fortawesome/pro-light-svg-icons";
|
|
2
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
3
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
4
|
+
import { observe } from "@voplus/morpho-ui";
|
|
5
|
+
import { Button, Tooltip } from "antd";
|
|
6
|
+
import classnames from "classnames";
|
|
7
|
+
import React, { useEffect, useState } from "react";
|
|
8
|
+
import styles from "./index.less";
|
|
9
|
+
const QuickSubTab = (props) => {
|
|
10
|
+
const { items, shape, showSubTab } = { ...props };
|
|
11
|
+
const [buttonProps, setButtonProps] = useState({});
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (shape)
|
|
14
|
+
setButtonProps({ shape: "circle" });
|
|
15
|
+
}, [shape]);
|
|
16
|
+
return observe(() => (React.createElement(React.Fragment, null, items.map((item) => (React.createElement(Tooltip, { title: item.title, key: item.name },
|
|
17
|
+
React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: item.icon }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab(item) })))))));
|
|
18
|
+
};
|
|
19
|
+
QuickSubTab.defaultProps = {
|
|
20
|
+
shape: false,
|
|
21
|
+
};
|
|
22
|
+
const QuickSubContent = (props) => {
|
|
23
|
+
const { shape, className, detail, onCancel } = props;
|
|
24
|
+
const layout = useLayout();
|
|
25
|
+
return observe(() => (React.createElement("div", { className: classnames(styles["quickView-right"], className) },
|
|
26
|
+
layout.ui.mobile ? null : (React.createElement("div", { className: "close-icon" }, shape ? (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faTimes }), onClick: onCancel })) : (React.createElement(FAIcon, { icon: faTimes, onClick: onCancel })))),
|
|
27
|
+
React.createElement("div", { className: "tab-content" }, detail))));
|
|
28
|
+
};
|
|
29
|
+
export { QuickSubContent, QuickSubTab };
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/QuickViewDialog/QuickSubTab/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,cAAc,CAAC;AAelC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK;YAAE,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,oBAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI;QACzC,oBAAC,MAAM,OACF,WAAW,EACf,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,GAChC,CACO,CACV,CAAC,CACc,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IAC1B,KAAK,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAKxB,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;QAE9D,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,6BAAK,SAAS,EAAC,YAAY,IACzB,KAAK,CAAC,CAAC,CAAC,CACR,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC9D,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5C,CACI,CACN;QACD,6BAAK,SAAS,EAAC,aAAa,IAAE,MAAM,CAAO,CACtC,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.quickView-right {
|
|
2
|
+
height: 100%;
|
|
3
|
+
flex: 1;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
border-left: solid 1px #eeeeee;
|
|
7
|
+
:global {
|
|
8
|
+
.close-icon {
|
|
9
|
+
font-size: 22px;
|
|
10
|
+
text-align: right;
|
|
11
|
+
padding: 10px 20px 0;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
}
|
|
14
|
+
.tab-content {
|
|
15
|
+
position: relative;
|
|
16
|
+
flex: 1;
|
|
17
|
+
.tab-module-box {
|
|
18
|
+
height: 100%;
|
|
19
|
+
padding: 10px 0 0 10px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { QuickViewProps } from "@voplus/morpho-document-core";
|
|
2
|
+
import React, { ReactNode } from "react";
|
|
3
|
+
import { ItemsProps } from "./QuickSubTab";
|
|
4
|
+
export type SubButtonsName = "Document" | "Activities" | "Link";
|
|
5
|
+
export type QuickViewDialogProps = {
|
|
6
|
+
/** 设置sub buttons */
|
|
7
|
+
subButtons?: {
|
|
8
|
+
name: SubButtonsName;
|
|
9
|
+
}[];
|
|
10
|
+
/** items 自定义 sub buttons 和 detail */
|
|
11
|
+
items?: ItemsProps[];
|
|
12
|
+
className?: string;
|
|
13
|
+
/** show close button or not. */
|
|
14
|
+
closeVisible?: boolean;
|
|
15
|
+
/** header */
|
|
16
|
+
header?: ReactNode;
|
|
17
|
+
/** listContent */
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
} & QuickViewProps;
|
|
20
|
+
declare const QuickViewDialog: {
|
|
21
|
+
(props: QuickViewDialogProps): React.JSX.Element;
|
|
22
|
+
defaultProps: {
|
|
23
|
+
closeVisible: boolean;
|
|
24
|
+
subButtons: {
|
|
25
|
+
name: string;
|
|
26
|
+
}[];
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default QuickViewDialog;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { faFileAlt, faLink, faListTimeline, faTimes } from "@fortawesome/pro-light-svg-icons";
|
|
2
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
3
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
4
|
+
import DocumentList from "../../components/DocumentList";
|
|
5
|
+
import FlexDialog from "../../components/FlexDialog";
|
|
6
|
+
import Links from "../../components/Links";
|
|
7
|
+
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
|
|
8
|
+
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
9
|
+
import classnames from "classnames";
|
|
10
|
+
import React, { useState } from "react";
|
|
11
|
+
import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
|
|
12
|
+
import styles from "./index.less";
|
|
13
|
+
import { State } from "./state";
|
|
14
|
+
const QuickViewDialog = (props) => {
|
|
15
|
+
var _a;
|
|
16
|
+
const { subButtons } = props;
|
|
17
|
+
const [state] = useState(new State());
|
|
18
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
19
|
+
const layout = useLayout();
|
|
20
|
+
/** items 加 subButtons 为sub buttons需要显示的内容 */
|
|
21
|
+
const items = (_a = props.items) !== null && _a !== void 0 ? _a : [];
|
|
22
|
+
subButtons === null || subButtons === void 0 ? void 0 : subButtons.map((i) => items.push(renderProp(i)));
|
|
23
|
+
return observe(() => (React.createElement(React.Fragment, null,
|
|
24
|
+
React.createElement(FlexDialog, { modalProps: {
|
|
25
|
+
className: classnames("quickView-modal-style", props.className),
|
|
26
|
+
width: state.subTab ? "1000px" : "500px",
|
|
27
|
+
destroyOnClose: true,
|
|
28
|
+
closable: false,
|
|
29
|
+
footer: false,
|
|
30
|
+
open: props.visible,
|
|
31
|
+
onCancel: props.onCancel,
|
|
32
|
+
}, closeAside: props.onCancel },
|
|
33
|
+
React.createElement(AsideContent, { context: asideContext, className: styles["quickView-aside"] },
|
|
34
|
+
React.createElement("div", { className: "quickView-left" },
|
|
35
|
+
props.closeVisible && !layout.ui.mobile && (React.createElement("div", { className: "close-icon" },
|
|
36
|
+
React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel }))),
|
|
37
|
+
React.createElement("div", { className: "document-header" }, props.header),
|
|
38
|
+
React.createElement("div", { className: "quickView-contents" },
|
|
39
|
+
React.createElement("div", { className: "quickView-subTab" },
|
|
40
|
+
React.createElement(QuickSubTab, { items: items, showSubTab: (item) => {
|
|
41
|
+
state.subTab = true;
|
|
42
|
+
asideContext.openAside(React.createElement(QuickSubContent, { detail: item.detail, onCancel: () => {
|
|
43
|
+
asideContext.closeAside();
|
|
44
|
+
state.subTab = false;
|
|
45
|
+
} }), { span: 12 });
|
|
46
|
+
} })),
|
|
47
|
+
props.children)))))));
|
|
48
|
+
function renderProp(item) {
|
|
49
|
+
switch (item.name) {
|
|
50
|
+
case "Document":
|
|
51
|
+
return {
|
|
52
|
+
name: "Document",
|
|
53
|
+
icon: faFileAlt,
|
|
54
|
+
title: "Sub-Documents",
|
|
55
|
+
detail: React.createElement(DocumentList, { id: props.id, multiple: true }),
|
|
56
|
+
};
|
|
57
|
+
case "Activities":
|
|
58
|
+
return {
|
|
59
|
+
name: "Activities",
|
|
60
|
+
icon: faListTimeline,
|
|
61
|
+
title: "Activities",
|
|
62
|
+
detail: React.createElement(ActivityLog, { id: props.id }),
|
|
63
|
+
};
|
|
64
|
+
case "Link":
|
|
65
|
+
return {
|
|
66
|
+
name: "Link",
|
|
67
|
+
icon: faLink,
|
|
68
|
+
title: "Activities",
|
|
69
|
+
detail: React.createElement(Links, { id: props.id, isTitle: false }),
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
QuickViewDialog.defaultProps = {
|
|
75
|
+
closeVisible: true,
|
|
76
|
+
subButtons: [{ name: "Document" }, { name: "Activities" }, { name: "Link" }],
|
|
77
|
+
};
|
|
78
|
+
export default QuickViewDialog;
|
|
79
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/QuickViewDialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
.quickView-modal {
|
|
2
|
+
height: calc(100% - 200px);
|
|
3
|
+
|
|
4
|
+
:global {
|
|
5
|
+
.ant-modal-content {
|
|
6
|
+
height: 100%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ant-modal-body {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 100%;
|
|
12
|
+
padding: 0 !important;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.quickView-aside {
|
|
18
|
+
width: 100%;
|
|
19
|
+
|
|
20
|
+
:global {
|
|
21
|
+
.document-header {
|
|
22
|
+
.document-header-default {
|
|
23
|
+
display: flex;
|
|
24
|
+
padding: 20px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.tools-bar {
|
|
28
|
+
align-self: flex-end;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.quickView-left {
|
|
33
|
+
flex: 1;
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
position: relative;
|
|
37
|
+
.close-icon {
|
|
38
|
+
position: absolute;
|
|
39
|
+
right: 20px;
|
|
40
|
+
top: 14px;
|
|
41
|
+
font-size: 22px;
|
|
42
|
+
text-align: right;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.document-header {
|
|
47
|
+
border-bottom: solid 1px #eeeeee;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.quickView-contents {
|
|
51
|
+
flex: 1;
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
overflow: hidden;
|
|
55
|
+
|
|
56
|
+
.quickView-subTab {
|
|
57
|
+
display: inline-block;
|
|
58
|
+
text-align: right;
|
|
59
|
+
padding: 10px 20px;
|
|
60
|
+
|
|
61
|
+
.ant-btn {
|
|
62
|
+
margin-left: 10px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.quickView-description {
|
|
67
|
+
padding: 10px 15px;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { makeObservable, observable } from "mobx";
|
|
3
|
+
export class State {
|
|
4
|
+
constructor() {
|
|
5
|
+
/** 是否显示 tab */
|
|
6
|
+
Object.defineProperty(this, "subTab", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true,
|
|
9
|
+
writable: true,
|
|
10
|
+
value: false
|
|
11
|
+
});
|
|
12
|
+
makeObservable(this);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
__decorate([
|
|
16
|
+
observable
|
|
17
|
+
], State.prototype, "subTab", void 0);
|
|
18
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/QuickViewDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IAIjB;QAHA,eAAe;QACI;;;;mBAAS,KAAK;WAAC;QAGjC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AALmB;IAAlB,UAAU;qCAAuB"}
|
|
@@ -5,8 +5,7 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
|
5
5
|
import { faEnvelope } from "@fortawesome/pro-light-svg-icons";
|
|
6
6
|
import { observe } from "@voplus/morpho-ui";
|
|
7
7
|
import { Button } from "antd";
|
|
8
|
-
import
|
|
9
|
-
import QuickViewDialog from "../../components/QuickViewDialog";
|
|
8
|
+
import DocumentQuickViewDialog from "../../components/DocumentQuickViewDialog";
|
|
10
9
|
const ShortcutMenu = (props) => {
|
|
11
10
|
const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
|
|
12
11
|
const [quickViewVisible, setQuickViewVisible] = useState(false);
|
|
@@ -22,8 +21,7 @@ const ShortcutMenu = (props) => {
|
|
|
22
21
|
React.createElement("span", null, "Open Quick View")),
|
|
23
22
|
React.createElement(Access, { onClickItem: props.onClickItem }),
|
|
24
23
|
React.createElement(Delete, { onClickItem: props.onClickItem })),
|
|
25
|
-
React.createElement(
|
|
26
|
-
React.createElement(DescriptionDocumentList, { id: props.id })))));
|
|
24
|
+
React.createElement(DocumentQuickViewDialog, { id: props.id, visible: quickViewVisible, onCancel: onCancel }))));
|
|
27
25
|
function onCancel() {
|
|
28
26
|
setQuickViewVisible(false);
|
|
29
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/ShortcutMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,uBAAuB,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/ShortcutMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,uBAAuB,MAAM,0CAA0C,CAAC;AAE/E,MAAM,YAAY,GAAG,CAAC,KAA6D,EAAE,EAAE;IACtF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;YAC3C,oBAAC,MAAM,OAAG;YACV,oBAAC,MAAM,IACN,IAAI,EAAC,MAAM,EACX,GAAG,EAAC,eAAe,EACnB,OAAO,EAAE,GAAG,EAAE;;oBACb,mBAAmB,CAAC,IAAI,CAAC,CAAC;oBAC1B,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;gBACvB,CAAC;gBAED,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,GAAI;gBAC5B,oDAA4B,CACpB;YACT,oBAAC,MAAM,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI;YAC1C,oBAAC,MAAM,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CACZ;QAC/B,oBAAC,uBAAuB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACxE,CACjB,CAAC,CAAC;IAEH,SAAS,QAAQ;QAChB,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
|
-
import { Open, Reload
|
|
2
|
+
import { Open, Reload } from "../../../../controls/ToolBar/buttons";
|
|
3
3
|
import { observe } from "@voplus/morpho-ui";
|
|
4
4
|
import { useMetaStore } from "@voplus/morpho-document-core";
|
|
5
5
|
import { useDocumentRegister } from "../../../../data/document-register";
|
|
6
6
|
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
7
|
-
import QuickViewDialog from "../../../../
|
|
7
|
+
import QuickViewDialog from "../../../../controls/QuickViewDialog";
|
|
8
8
|
import ToolBar from "../../../../controls/ToolBar/ToolBar2";
|
|
9
9
|
import DocumentRegisterProperties from "../DocumentRegisterProperties";
|
|
10
|
-
import styles from "./index.less";
|
|
11
10
|
const DocumentRegisterQuickViewDialog = (props) => {
|
|
12
11
|
const { id } = props;
|
|
13
12
|
const meta = useMetaStore();
|
|
14
13
|
const documentRegister = useDocumentRegister(id, { reload: false, includes: "tags" });
|
|
15
14
|
const [loaded, setLoaded] = useState(true);
|
|
16
|
-
return observe(() => (React.createElement(QuickViewDialog, {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
React.createElement(ToolBar, { id: id },
|
|
21
|
-
React.createElement(Reload, { action: onReload }),
|
|
22
|
-
React.createElement(Open, { url: meta.getRoute(documentRegister) }))))) },
|
|
15
|
+
return observe(() => (React.createElement(QuickViewDialog, { ...props, header: React.createElement(React.Fragment, null, loaded && (React.createElement(DocumentHeader, { id: id, quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, quickDataBarVisible: false, descriptionVisible: false, tools: React.createElement("div", { className: "tools-bar" },
|
|
16
|
+
React.createElement(ToolBar, { id: id },
|
|
17
|
+
React.createElement(Reload, { action: onReload }),
|
|
18
|
+
React.createElement(Open, { url: meta.getRoute(documentRegister) }))) }))) },
|
|
23
19
|
React.createElement(DocumentRegisterProperties, { id: id }))));
|
|
24
20
|
/** reload data */
|
|
25
21
|
function onReload() {
|
package/es/modules/document-register/components/DocumentRegisterQuickViewDialog/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/DocumentRegisterQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/document-register/components/DocumentRegisterQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,0BAA0B,MAAM,+BAA+B,CAAC;AAEvE,MAAM,+BAA+B,GAAG,CAAC,KAIxC,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,OACX,KAAK,EACT,MAAM,EACL,oBAAC,KAAK,CAAC,QAAQ,QACb,MAAM,IAAI,CACV,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,mBAAmB,EAAE,KAAK,EAC1B,kBAAkB,EAAE,KAAK,EACzB,KAAK,EACJ,6BAAK,SAAS,EAAC,WAAW;gBACzB,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE;oBACd,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,GAAI;oBAC5B,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAI,CACrC,CACL,GAEN,CACF,CACe;QAGlB,oBAAC,0BAA0B,IAAC,EAAE,EAAE,EAAE,GAAI,CACrB,CAClB,CAAC,CAAC;IAEH,kBAAkB;IAClB,SAAS,QAAQ;QAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
2
|
-
import {
|
|
3
|
-
import { QuickSubContent, QuickSubTab } from "../../../../components/QuickViewDialog/QuickSubTab";
|
|
2
|
+
import { QuickSubContent, QuickSubTab, } from "../../../../controls/QuickViewDialog/QuickSubTab";
|
|
4
3
|
import React, { useState } from "react";
|
|
5
|
-
import { faExternalLink, faXmark } from "@fortawesome/pro-light-svg-icons";
|
|
4
|
+
import { faFileAlt, faLink, faListTimeline, faExternalLink, faXmark, } from "@fortawesome/pro-light-svg-icons";
|
|
5
|
+
import DocumentList from "../../../../components/DocumentList";
|
|
6
|
+
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
|
|
7
|
+
import Links from "../../../../components/Links";
|
|
6
8
|
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
7
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
9
|
import FlexDialog from "../../../../components/FlexDialog";
|
|
9
10
|
import GraphViewer from "../GraphViewer";
|
|
10
11
|
import { useLayout } from "@voplus/morpho-data";
|
|
@@ -12,6 +13,29 @@ const GraphQuickViewDialog = (props) => {
|
|
|
12
13
|
const layout = useLayout();
|
|
13
14
|
const [subTab, setSubTab] = useState(false);
|
|
14
15
|
const [asideContext] = useState(AsideContent.createContext());
|
|
16
|
+
const items = [
|
|
17
|
+
{ name: "Open", icon: faExternalLink, title: "Open New Tab", detail: React.createElement(React.Fragment, null) },
|
|
18
|
+
{
|
|
19
|
+
name: "Document",
|
|
20
|
+
icon: faFileAlt,
|
|
21
|
+
title: "Sub-Documents",
|
|
22
|
+
detail: React.createElement(DocumentList, { id: props.id, multiple: true }),
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
name: "Activities",
|
|
26
|
+
icon: faListTimeline,
|
|
27
|
+
title: "Activities",
|
|
28
|
+
detail: React.createElement(ActivityLog, { id: props.id }),
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: "Link",
|
|
32
|
+
icon: faLink,
|
|
33
|
+
title: "Activities",
|
|
34
|
+
detail: React.createElement(Links, { id: props.id, isTitle: false }),
|
|
35
|
+
},
|
|
36
|
+
];
|
|
37
|
+
if (!layout.ui.mobile)
|
|
38
|
+
items.push({ name: "Cancel", icon: faXmark, title: "", detail: React.createElement(React.Fragment, null) });
|
|
15
39
|
return observe(() => (React.createElement(FlexDialog, { modalProps: {
|
|
16
40
|
className: "quickView-modal-style",
|
|
17
41
|
open: props.visible,
|
|
@@ -24,24 +48,25 @@ const GraphQuickViewDialog = (props) => {
|
|
|
24
48
|
React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
|
|
25
49
|
React.createElement("div", { className: "perview-content" },
|
|
26
50
|
React.createElement("div", { className: "perview-head" },
|
|
27
|
-
React.createElement(
|
|
28
|
-
|
|
29
|
-
React.createElement(
|
|
30
|
-
React.createElement(Tooltip, { title: "Open New Tab" },
|
|
31
|
-
React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
|
|
32
|
-
React.createElement(FAIcon, { icon: faExternalLink }))),
|
|
33
|
-
React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
|
|
34
|
-
!layout.ui.mobile && (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faXmark }), onClick: props.onCancel }))))),
|
|
51
|
+
React.createElement(DocumentHeader, { id: props.id, className: "perview-doc-head", clickNameEffect: "edit", autoSaveName: true, tagsVisible: false, toolsVisible: false, flagVisible: false, statusVisible: false, quickDataBarVisible: false, descriptionVisible: false }),
|
|
52
|
+
React.createElement("div", { className: "preview-tab" },
|
|
53
|
+
React.createElement(QuickSubTab, { shape: false, items: items, showSubTab: showSubTab }))),
|
|
35
54
|
React.createElement(GraphViewer, { id: props.id, autoHeight: true }))))));
|
|
36
|
-
function showSubTab(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
55
|
+
function showSubTab(item) {
|
|
56
|
+
var _a;
|
|
57
|
+
if (item.name === "Open") {
|
|
58
|
+
layout.history.push(`/document/${props.id}`);
|
|
59
|
+
}
|
|
60
|
+
else if (item.name === "Cancel") {
|
|
61
|
+
(_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
setSubTab(true);
|
|
65
|
+
asideContext.openAside(React.createElement(QuickSubContent, { shape: true, detail: item.detail, onCancel: () => {
|
|
66
|
+
asideContext.closeAside();
|
|
67
|
+
setSubTab(false);
|
|
68
|
+
} }), { span: 12 });
|
|
69
|
+
}
|
|
45
70
|
}
|
|
46
71
|
};
|
|
47
72
|
export default GraphQuickViewDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphQuickViewDialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { PageContext, PageContextState } from "../../data";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
3
|
import PageItems from "../../components/PageItems";
|
|
4
|
-
import
|
|
4
|
+
import DocumentQuickViewDialog from "../../../../components/DocumentQuickViewDialog";
|
|
5
5
|
import { observe } from "@voplus/morpho-ui";
|
|
6
6
|
const PageQuickView = (props) => {
|
|
7
|
-
const { id
|
|
7
|
+
const { id } = props;
|
|
8
8
|
const [context] = useState(new PageContextState());
|
|
9
9
|
return observe(() => (React.createElement(PageContext.Provider, { value: context },
|
|
10
|
-
React.createElement(
|
|
10
|
+
React.createElement(DocumentQuickViewDialog, { ...props, subButtons: [{ name: "Document" }, { name: "Activities" }, { name: "Link" }] },
|
|
11
11
|
React.createElement(PageItems, { id: id })))));
|
|
12
12
|
};
|
|
13
13
|
export default PageQuickView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,uBAAuB,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,aAAa,GAAG,CAAC,KAA+D,EAAE,EAAE;IACzF,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEnD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,oBAAC,uBAAuB,OACnB,KAAK,EACT,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAE5E,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,GAAI,CACI,CACJ,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect } from "react";
|
|
2
2
|
import { observe } from "@voplus/morpho-ui";
|
|
3
|
+
import { faAlignLeft } from "@fortawesome/pro-light-svg-icons";
|
|
3
4
|
import { Spin } from "antd";
|
|
4
5
|
import { autorun } from "mobx";
|
|
5
6
|
import { LoadingOutlined } from "@ant-design/icons";
|
|
@@ -7,7 +8,7 @@ import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeCon
|
|
|
7
8
|
import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
|
|
8
9
|
import PropertiesView from "../EnvelopeProperties";
|
|
9
10
|
import LetterList from "../../../Letter/LetterList";
|
|
10
|
-
import
|
|
11
|
+
import DocumentQuickViewDialog from "../../../../../components/DocumentQuickViewDialog";
|
|
11
12
|
import "./index.less";
|
|
12
13
|
const EnvelopeQuickView = (props) => {
|
|
13
14
|
const { id } = props;
|
|
@@ -16,7 +17,14 @@ const EnvelopeQuickView = (props) => {
|
|
|
16
17
|
const envelope = useEnvelope(id, { reload: true, includes: "tags" });
|
|
17
18
|
useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
|
|
18
19
|
return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
|
|
19
|
-
React.createElement(
|
|
20
|
+
React.createElement(DocumentQuickViewDialog, { ...props, subButtons: [{ name: "Document" }, { name: "Activities" }, { name: "Link" }], items: [
|
|
21
|
+
{
|
|
22
|
+
name: "Properties",
|
|
23
|
+
icon: faAlignLeft,
|
|
24
|
+
title: "Display properties separately",
|
|
25
|
+
detail: React.createElement(PropertiesView, { id: id }),
|
|
26
|
+
},
|
|
27
|
+
] },
|
|
20
28
|
React.createElement("div", { className: "envelope-quick-letters" }, envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
|
|
21
29
|
React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" })))))));
|
|
22
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/EnvelopeQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/EnvelopeQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,uBAAuB,MAAM,mDAAmD,CAAC;AACxF,OAAO,cAAc,CAAC;AAEtB,MAAM,iBAAiB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC7F,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,oBAAoB,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,oBAAC,uBAAuB,OACnB,KAAK,EACT,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAC5E,KAAK,EAAE;gBACN;oBACC,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,+BAA+B;oBACtC,MAAM,EAAE,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI;iBAClC;aACD;YAED,6BAAK,SAAS,EAAC,wBAAwB,IACrC,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAC5C,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACjE,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG,CAChC,CACI,CACmB,CACA,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
package/package.json
CHANGED