@voplus/morpho-document 1.0.0-dev234 → 1.0.0-dev235
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/changelog.md +4 -0
- package/es/components/DocumentHeader/index.js +9 -15
- package/es/components/DocumentHeader/index.js.map +1 -1
- package/es/components/DocumentHeader/index.less +22 -1
- package/es/components/DocumentHeader/state.d.ts +7 -1
- package/es/components/DocumentHeader/state.js +10 -6
- package/es/components/DocumentHeader/state.js.map +1 -1
- package/es/components/FileViewer/ImageViewer.js +16 -5
- package/es/components/FileViewer/ImageViewer.js.map +1 -1
- package/es/components/FileViewer/index.less +48 -10
- package/package.json +4 -4
package/changelog.md
CHANGED
|
@@ -16,7 +16,7 @@ import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/A
|
|
|
16
16
|
import { useDocumentListContext } from "../../data/contexts/DocumentListContext";
|
|
17
17
|
import { useObserver } from "mobx-react-lite";
|
|
18
18
|
const DocumentHeader = (props) => {
|
|
19
|
-
const { id, editable, pre, preVisible, tagsVisible, flagVisible, statusVisible, size, quickDataBar, quickDataBarAlign, tools, quickVisible, editModel, skeletonVisible, className } = props;
|
|
19
|
+
const { id, editable, pre, preVisible, tagsVisible, flagVisible, statusVisible, size, quickDataBar, quickDataBarAlign, tools, quickVisible, editModel, skeletonVisible, className, itemHover } = props;
|
|
20
20
|
const context = useDocumentListContext();
|
|
21
21
|
const documentStore = useDocumentStore();
|
|
22
22
|
const document = useDocument(id, { reload: true, includes: "tags,versions" });
|
|
@@ -29,7 +29,7 @@ const DocumentHeader = (props) => {
|
|
|
29
29
|
state.name = document.name;
|
|
30
30
|
}, [document.name]);
|
|
31
31
|
const url = `${getRoute(document)}`;
|
|
32
|
-
const DocumentToolBar =
|
|
32
|
+
const DocumentToolBar = (React.createElement(ToolBar, { id: id, size: itemHover ? "middle" : "small", url: !props.onOpen ? url : "", onDelete: onItemDelete, onOpen: props.onOpen }));
|
|
33
33
|
const DocumentQuickDataBar = (React.createElement(React.Fragment, null,
|
|
34
34
|
React.createElement(QuickDataIcon, { id: id, includes: "tags,versions" })));
|
|
35
35
|
const Content = useObserver(() => (React.createElement(React.Fragment, null,
|
|
@@ -42,15 +42,15 @@ const DocumentHeader = (props) => {
|
|
|
42
42
|
const headerClassName = {};
|
|
43
43
|
headerClassName[`document-header-${size}`] = size !== "normal";
|
|
44
44
|
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
45
|
-
React.createElement("div", { className: classnames("document-header-default", headerClassName, `bar-align-${quickDataBarAlign}`, className) }, skeletonVisible && document.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement("div", { className: "document-header-content" },
|
|
45
|
+
React.createElement("div", { className: classnames("document-header-default", headerClassName, `bar-align-${quickDataBarAlign}`, { "document-header-hover": !!itemHover }, className), onMouseLeave: () => onMouse(false) }, skeletonVisible && document.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
|
|
46
|
+
React.createElement("div", { className: "document-header-content", onMouseOver: () => onMouse(true) },
|
|
47
47
|
React.createElement("div", { className: "document-name-content" },
|
|
48
48
|
React.createElement("div", { className: "document-pre" }, preVisible && pre ? pre : document.type ? meta.getIcon(document) : ""),
|
|
49
49
|
React.createElement("div", null,
|
|
50
50
|
Content,
|
|
51
51
|
quickDataBarAlign === "title" && React.createElement(QuickDataBar, null))),
|
|
52
52
|
quickDataBarAlign === "left" && React.createElement(QuickDataBar, null)),
|
|
53
|
-
React.createElement("div", { className: "tools-bar" }, DocumentToolBar)))),
|
|
53
|
+
tools || (React.createElement("div", { className: classnames("tools-bar", { show: state.isHover }) }, DocumentToolBar))))),
|
|
54
54
|
React.createElement("div", { onDoubleClick: e => e.stopPropagation() },
|
|
55
55
|
React.createElement(DocumentQuickViewDialog, { id: id, doc: document, visible: state.quickViewVisible, onCancel: onVisibleQuickView })))));
|
|
56
56
|
/**delete document*/
|
|
@@ -58,16 +58,6 @@ const DocumentHeader = (props) => {
|
|
|
58
58
|
await documentStore.delete([id], { DeleteChilds: true });
|
|
59
59
|
asideContext.closeAside();
|
|
60
60
|
}
|
|
61
|
-
/**change document status :Readonly */
|
|
62
|
-
async function onLock() {
|
|
63
|
-
await documentStore.edit(document.id, { Status: "Readonly" });
|
|
64
|
-
props.onChangeReadonly && props.onChangeReadonly(true);
|
|
65
|
-
}
|
|
66
|
-
/**change document status :Normal*/
|
|
67
|
-
async function onUnlock() {
|
|
68
|
-
await documentStore.edit(document.id, { Status: "Normal" });
|
|
69
|
-
props.onChangeReadonly && props.onChangeReadonly(false);
|
|
70
|
-
}
|
|
71
61
|
/** change document name */
|
|
72
62
|
function onEditName() {
|
|
73
63
|
if (document.readonly)
|
|
@@ -75,6 +65,10 @@ const DocumentHeader = (props) => {
|
|
|
75
65
|
state.name = document.name;
|
|
76
66
|
state.editVisible = true;
|
|
77
67
|
}
|
|
68
|
+
/** item onMouseOver / onMouseLeave */
|
|
69
|
+
function onMouse(over) {
|
|
70
|
+
props.onMouse ? props.onMouse(over) : (state.isHover = over);
|
|
71
|
+
}
|
|
78
72
|
/** Quick View */
|
|
79
73
|
function onVisibleQuickView() {
|
|
80
74
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAE7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACrD,MAAM,EACL,EAAE,EACF,QAAQ,EACR,GAAG,EACH,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,eAAe,EACf,SAAS,EACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,sBAAsB,EAAE,CAAC;IACzC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAC9E,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS;YAAE,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpB,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAEpC,MAAM,eAAe,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,9 +5,12 @@
|
|
|
5
5
|
justify-content: space-between;
|
|
6
6
|
padding: 10px 20px;
|
|
7
7
|
font-size: 14px;
|
|
8
|
-
|
|
8
|
+
.document-header-content {
|
|
9
|
+
flex: 1;
|
|
10
|
+
}
|
|
9
11
|
.document-name-content {
|
|
10
12
|
display: flex;
|
|
13
|
+
|
|
11
14
|
> div {
|
|
12
15
|
display: inline-block;
|
|
13
16
|
}
|
|
@@ -30,6 +33,7 @@
|
|
|
30
33
|
|
|
31
34
|
.flag-icon {
|
|
32
35
|
margin-left: 8px;
|
|
36
|
+
vertical-align: bottom;
|
|
33
37
|
}
|
|
34
38
|
.file-draft,
|
|
35
39
|
.file-lock {
|
|
@@ -40,6 +44,7 @@
|
|
|
40
44
|
.tag-view {
|
|
41
45
|
display: inline-block;
|
|
42
46
|
margin-left: 3px;
|
|
47
|
+
vertical-align: text-bottom;
|
|
43
48
|
}
|
|
44
49
|
&.document-header-h1 {
|
|
45
50
|
.document-name,
|
|
@@ -120,5 +125,21 @@
|
|
|
120
125
|
vertical-align: middle;
|
|
121
126
|
}
|
|
122
127
|
}
|
|
128
|
+
&.document-header-hover {
|
|
129
|
+
align-items: center;
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
.tools-bar {
|
|
132
|
+
display: none;
|
|
133
|
+
}
|
|
134
|
+
.tools-bar.show {
|
|
135
|
+
display: block;
|
|
136
|
+
}
|
|
137
|
+
&:hover {
|
|
138
|
+
.document-name,
|
|
139
|
+
.quick-data-bar {
|
|
140
|
+
opacity: 0.5;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
123
144
|
}
|
|
124
145
|
}
|
|
@@ -30,6 +30,10 @@ export declare type DocumentHeaderProps = {
|
|
|
30
30
|
skeletonVisible?: boolean;
|
|
31
31
|
/** 顶层div className */
|
|
32
32
|
className?: string;
|
|
33
|
+
/** tools hover 显示 */
|
|
34
|
+
itemHover?: boolean;
|
|
35
|
+
/** 鼠标事件 */
|
|
36
|
+
onMouse?: (over: boolean) => void;
|
|
33
37
|
onChangeReadonly?: (params?: any) => void;
|
|
34
38
|
/** 打开当前docment页面的方法 */
|
|
35
39
|
onOpen?: () => void;
|
|
@@ -44,11 +48,13 @@ export declare class State {
|
|
|
44
48
|
editVisible: boolean;
|
|
45
49
|
/** Visible of quickView */
|
|
46
50
|
quickViewVisible: boolean;
|
|
51
|
+
/** isHover ? onMouseOver : onMouseLeave */
|
|
52
|
+
isHover: boolean;
|
|
47
53
|
constructor(store: DocumentStore);
|
|
48
54
|
/**move document*/
|
|
49
55
|
onMove: () => void;
|
|
50
56
|
/**paste document*/
|
|
51
|
-
onPaste: () =>
|
|
57
|
+
onPaste: () => void;
|
|
52
58
|
/** save document name */
|
|
53
59
|
onSave: (name: string) => Promise<void>;
|
|
54
60
|
get id(): string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, computed, observable } from "mobx";
|
|
3
|
-
import { message } from "@voplus/antd";
|
|
4
3
|
let State = /** @class */ (() => {
|
|
5
4
|
class State {
|
|
6
5
|
constructor(store) {
|
|
@@ -11,16 +10,18 @@ let State = /** @class */ (() => {
|
|
|
11
10
|
this.editVisible = false;
|
|
12
11
|
/** Visible of quickView */
|
|
13
12
|
this.quickViewVisible = false;
|
|
13
|
+
/** isHover ? onMouseOver : onMouseLeave */
|
|
14
|
+
this.isHover = false;
|
|
14
15
|
/**move document*/
|
|
15
16
|
this.onMove = () => {
|
|
16
|
-
this.store.cut([this.id]);
|
|
17
|
+
// this.store.cut([this.id]);
|
|
17
18
|
};
|
|
18
19
|
/**paste document*/
|
|
19
20
|
this.onPaste = () => {
|
|
20
|
-
if (this.store.moveIds.some((id) => id === this.id)) {
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
return this.store.paste(this.id);
|
|
21
|
+
// if (this.store.moveIds.some((id: string) => id === this.id)) {
|
|
22
|
+
// return message.warn("Cannot move to itself");
|
|
23
|
+
// }
|
|
24
|
+
// return this.store.paste(this.id);
|
|
24
25
|
};
|
|
25
26
|
/** save document name */
|
|
26
27
|
this.onSave = async (name) => {
|
|
@@ -42,6 +43,9 @@ let State = /** @class */ (() => {
|
|
|
42
43
|
__decorate([
|
|
43
44
|
observable
|
|
44
45
|
], State.prototype, "quickViewVisible", void 0);
|
|
46
|
+
__decorate([
|
|
47
|
+
observable
|
|
48
|
+
], State.prototype, "isHover", void 0);
|
|
45
49
|
__decorate([
|
|
46
50
|
action
|
|
47
51
|
], State.prototype, "onMove", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA+CpD;IAAA,MAAa,KAAK;QAWjB,YAA2B,KAAoB;YAApB,UAAK,GAAL,KAAK,CAAe;YAT/C,uBAAuB;YACJ,SAAI,GAAG,EAAE,CAAC;YAC7B,2BAA2B;YACR,gBAAW,GAAG,KAAK,CAAC;YACvC,2BAA2B;YACR,qBAAgB,GAAG,KAAK,CAAC;YAC5C,2CAA2C;YACxB,YAAO,GAAG,KAAK,CAAC;YAInC,kBAAkB;YAEX,WAAM,GAAG,GAAG,EAAE;gBACpB,6BAA6B;YAC9B,CAAC,CAAC;YACF,mBAAmB;YAEZ,YAAO,GAAG,GAAG,EAAE;gBACrB,iEAAiE;gBACjE,iDAAiD;gBACjD,IAAI;gBACJ,oCAAoC;YACrC,CAAC,CAAC;YACF,yBAAyB;YAElB,WAAM,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;gBACtC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI;oBAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChG,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,CAAC,CAAC;QApBgD,CAAC;QAuBnD,IAAW,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAC5C,CAAC;KACD;IAlCY;QAAX,UAAU;uCAAkB;IAEjB;QAAX,UAAU;8CAA4B;IAE3B;QAAX,UAAU;mDAAiC;IAEhC;QAAX,UAAU;0CAAwB;IAMnC;QADC,MAAM;yCAGL;IAGF;QADC,MAAM;0CAML;IAGF;QADC,MAAM;yCAIL;IAGF;QADC,QAAQ;mCAGR;IACF,YAAC;KAAA;SArCY,KAAK"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Modal, Spin } from "@voplus/antd";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { ZoomInOutlined, ZoomOutOutlined } from "@ant-design/icons";
|
|
2
4
|
import { useLocalStore, useObserver } from "mobx-react-lite";
|
|
3
|
-
import
|
|
5
|
+
import Panable from "../../controls/Panable";
|
|
4
6
|
import styles from "./index.less";
|
|
5
7
|
import { useFileStore } from "../../data/FileStore/FileStore";
|
|
6
8
|
const ImageViewer = (props) => {
|
|
7
9
|
const store = useFileStore();
|
|
10
|
+
const [visible, setVisible] = useState(false);
|
|
8
11
|
const state = useLocalStore(() => ({
|
|
9
12
|
loading: false,
|
|
10
13
|
error: "",
|
|
@@ -25,9 +28,17 @@ const ImageViewer = (props) => {
|
|
|
25
28
|
.catch((err) => (state.error = err))
|
|
26
29
|
.finally(() => (state.loading = false));
|
|
27
30
|
};
|
|
28
|
-
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
32
|
+
state.loading ? (React.createElement("div", { className: styles["viewer-spin"] },
|
|
33
|
+
React.createElement(Spin, null))) : state.error ? (state.error) : state.url ? (React.createElement("div", { className: "image-viewer" },
|
|
34
|
+
React.createElement("img", { src: state.url, style: { maxWidth: "100%", height: "auto" } }),
|
|
35
|
+
React.createElement("span", { className: "image-viewer-plus", onClick: () => setVisible(true) },
|
|
36
|
+
React.createElement(ZoomInOutlined, null)))) : ("No Url"),
|
|
37
|
+
React.createElement(Modal, { width: "80vw", visible: visible, title: "", footer: null, closable: false, onCancel: () => setVisible(false), wrapClassName: "image-viewer-width-fit" },
|
|
38
|
+
React.createElement("div", { className: "zoom-out" },
|
|
39
|
+
React.createElement(ZoomOutOutlined, { onClick: () => setVisible(false) })),
|
|
40
|
+
React.createElement(Panable, null,
|
|
41
|
+
React.createElement("img", { src: state.url, style: { width: "100%", height: "100%", pointerEvents: "none" }, onClick: () => setVisible(false) }))))));
|
|
31
42
|
};
|
|
32
43
|
export default ImageViewer;
|
|
33
44
|
//# sourceMappingURL=ImageViewer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/ImageViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/ImageViewer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,45 @@
|
|
|
1
1
|
@import "~@voplus/antd/es/style/themes/default";
|
|
2
2
|
|
|
3
|
-
.image-viewer {
|
|
4
|
-
display: inline-block;
|
|
5
|
-
border: 1px solid @border-color-base;
|
|
6
|
-
padding: @padding-sm;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
3
|
.wopi-viewer {
|
|
10
4
|
width: 100%;
|
|
11
5
|
height: 100%;
|
|
12
6
|
}
|
|
13
7
|
|
|
14
|
-
.viewer-spin{
|
|
8
|
+
.viewer-spin {
|
|
15
9
|
width: 100%;
|
|
16
10
|
text-align: center;
|
|
17
11
|
padding: 30px 0;
|
|
18
12
|
}
|
|
19
13
|
|
|
20
14
|
:global {
|
|
15
|
+
.image-viewer {
|
|
16
|
+
position: relative;
|
|
17
|
+
display: inline-block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
border: 1px solid @border-color-base;
|
|
20
|
+
padding: @padding-sm;
|
|
21
|
+
&:hover .image-viewer-plus {
|
|
22
|
+
display: block;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.image-viewer-plus {
|
|
26
|
+
position: absolute;
|
|
27
|
+
display: none;
|
|
28
|
+
width: 40px;
|
|
29
|
+
height: 40px;
|
|
30
|
+
line-height: 38px;
|
|
31
|
+
left: 50%;
|
|
32
|
+
top: 50%;
|
|
33
|
+
margin-left: -20px;
|
|
34
|
+
margin-top: -20px;
|
|
35
|
+
text-align: center;
|
|
36
|
+
font-size: 25px;
|
|
37
|
+
color: #fff;
|
|
38
|
+
border-radius: 50%;
|
|
39
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
21
43
|
.preview-modal {
|
|
22
44
|
.perview-content {
|
|
23
45
|
display: flex;
|
|
@@ -30,9 +52,9 @@
|
|
|
30
52
|
background: #fff;
|
|
31
53
|
border-bottom: 1px solid #f0f0f0;
|
|
32
54
|
}
|
|
33
|
-
.preview-quick{
|
|
55
|
+
.preview-quick {
|
|
34
56
|
flex: 1;
|
|
35
|
-
.close-icon{
|
|
57
|
+
.close-icon {
|
|
36
58
|
display: flex;
|
|
37
59
|
justify-content: flex-end;
|
|
38
60
|
padding: 16px 24px;
|
|
@@ -45,9 +67,25 @@
|
|
|
45
67
|
}
|
|
46
68
|
.preview-tab {
|
|
47
69
|
text-align: right;
|
|
48
|
-
.ant-btn{
|
|
70
|
+
.ant-btn {
|
|
49
71
|
margin-left: 10px;
|
|
50
72
|
}
|
|
51
73
|
}
|
|
52
74
|
}
|
|
75
|
+
.image-viewer-width-fit {
|
|
76
|
+
.ant-modal-content {
|
|
77
|
+
background: transparent;
|
|
78
|
+
height: 70vh;
|
|
79
|
+
// max-height: 100vh;
|
|
80
|
+
.ant-modal-body {
|
|
81
|
+
height: 100%;
|
|
82
|
+
.zoom-out {
|
|
83
|
+
font-size: 27px;
|
|
84
|
+
text-align: right;
|
|
85
|
+
color: #fff;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
53
91
|
}
|
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-dev235",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@types/file-saver": "^2.0.1",
|
|
45
45
|
"@types/invariant": "^2.2.33",
|
|
46
46
|
"@types/lodash-es": "^4.17.3",
|
|
47
|
-
"@types/object-hash": "^1.3.
|
|
47
|
+
"@types/object-hash": "^1.3.3",
|
|
48
48
|
"@types/react": "^16.9.35",
|
|
49
49
|
"@types/react-custom-scrollbars": "^4.0.6",
|
|
50
50
|
"@types/react-dom": "^16.9.8",
|
|
@@ -57,10 +57,10 @@
|
|
|
57
57
|
"@voplus/morpho-client-test": "^1.0.0-dev014",
|
|
58
58
|
"@voplus/morpho-collaboration": "^1.0.0-dev024",
|
|
59
59
|
"@voplus/morpho-config": "^1.0.0-dev50",
|
|
60
|
-
"@voplus/morpho-data": "^1.0.0-
|
|
60
|
+
"@voplus/morpho-data": "^1.0.0-dev097",
|
|
61
61
|
"@voplus/morpho-org": "^1.0.0-dev032-antd4",
|
|
62
62
|
"@voplus/morpho-text": "^1.0.0-dev016",
|
|
63
|
-
"@voplus/morpho-ui": "^1.0.0-
|
|
63
|
+
"@voplus/morpho-ui": "^1.0.0-dev115",
|
|
64
64
|
"draft-js": "^0.11.5",
|
|
65
65
|
"mobx": "^5.15.4",
|
|
66
66
|
"mobx-react-lite": "^1.5.2",
|