@voplus/morpho-document 1.4.84-exp → 1.4.84
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/Links/index.less +111 -111
- package/es/components/PropertiesView/index.js +3 -12
- package/es/components/PropertiesView/index.js.map +1 -1
- package/es/modules/graph/components/GraphQuickViewDialog/index.js +1 -9
- package/es/modules/graph/components/GraphQuickViewDialog/index.js.map +1 -1
- package/package.json +2 -2
- package/es/components/PropertiesView/index.less +0 -15
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
@import "~@voplus/antd/es/style/themes/default.less";
|
|
2
|
-
.reference-view {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
height: 100%;
|
|
6
|
-
:global {
|
|
7
|
-
.reference-header {
|
|
8
|
-
display: flex;
|
|
9
|
-
margin: 5px 20px 0 20px;
|
|
10
|
-
.multiple-remove {
|
|
11
|
-
font-weight: 600;
|
|
12
|
-
color: #000;
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
.ant-btn {
|
|
15
|
-
padding: 0 10px 0 0;
|
|
16
|
-
font-size: 16px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.multiple-remove-btn {
|
|
20
|
-
.ant-btn {
|
|
21
|
-
padding: 0 10px;
|
|
22
|
-
font-style: italic;
|
|
23
|
-
}
|
|
24
|
-
.del-btn {
|
|
25
|
-
color: #ff4d4f;
|
|
26
|
-
&:hover {
|
|
27
|
-
color: #ff7875;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
.cancel-btn {
|
|
31
|
-
color: #666;
|
|
32
|
-
&:hover {
|
|
33
|
-
color: @primary-color;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
.plus-icon {
|
|
38
|
-
display: inline-block;
|
|
39
|
-
padding: 4px;
|
|
40
|
-
margin-left: 10px;
|
|
41
|
-
font-size: 13px;
|
|
42
|
-
line-height: 1px;
|
|
43
|
-
background: #1abc9c;
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.reference-view-page {
|
|
48
|
-
display: block;
|
|
49
|
-
}
|
|
50
|
-
.reference-item {
|
|
51
|
-
display: flex;
|
|
52
|
-
position: relative;
|
|
53
|
-
justify-content: space-between;
|
|
54
|
-
align-items: center;
|
|
55
|
-
padding: 5px 20px;
|
|
56
|
-
&:hover {
|
|
57
|
-
cursor: pointer;
|
|
58
|
-
.reference-item-content {
|
|
59
|
-
opacity: 0.4;
|
|
60
|
-
}
|
|
61
|
-
.reference-status-none {
|
|
62
|
-
display: none;
|
|
63
|
-
}
|
|
64
|
-
.hover-operate-icon {
|
|
65
|
-
display: block;
|
|
66
|
-
opacity: 1;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
.reference-item-content {
|
|
70
|
-
flex: 1;
|
|
71
|
-
color: #000;
|
|
72
|
-
font-weight: 500;
|
|
73
|
-
.reference-content {
|
|
74
|
-
display: flex;
|
|
75
|
-
flex: 1;
|
|
76
|
-
.type-icon {
|
|
77
|
-
font-size: 15px;
|
|
78
|
-
padding-right: 10px;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
.task-item-name.task-item-name_done {
|
|
82
|
-
color: #a8a8a8;
|
|
83
|
-
}
|
|
84
|
-
.task-control {
|
|
85
|
-
display: flex;
|
|
86
|
-
align-items: center;
|
|
87
|
-
padding: 5px 0;
|
|
88
|
-
font-size: 13px;
|
|
89
|
-
color: #444;
|
|
90
|
-
font-weight: normal;
|
|
91
|
-
> span + span {
|
|
92
|
-
margin-left: 15px;
|
|
93
|
-
}
|
|
94
|
-
.svg-inline--fa {
|
|
95
|
-
margin-right: 5px;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.hover-operate-icon {
|
|
101
|
-
display: none;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
.ant-empty {
|
|
105
|
-
font-size: 12px;
|
|
106
|
-
.ant-empty-image {
|
|
107
|
-
height: 35px;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/default.less";
|
|
2
|
+
.reference-view {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
height: 100%;
|
|
6
|
+
:global {
|
|
7
|
+
.reference-header {
|
|
8
|
+
display: flex;
|
|
9
|
+
margin: 5px 20px 0 20px;
|
|
10
|
+
.multiple-remove {
|
|
11
|
+
font-weight: 600;
|
|
12
|
+
color: #000;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
.ant-btn {
|
|
15
|
+
padding: 0 10px 0 0;
|
|
16
|
+
font-size: 16px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.multiple-remove-btn {
|
|
20
|
+
.ant-btn {
|
|
21
|
+
padding: 0 10px;
|
|
22
|
+
font-style: italic;
|
|
23
|
+
}
|
|
24
|
+
.del-btn {
|
|
25
|
+
color: #ff4d4f;
|
|
26
|
+
&:hover {
|
|
27
|
+
color: #ff7875;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.cancel-btn {
|
|
31
|
+
color: #666;
|
|
32
|
+
&:hover {
|
|
33
|
+
color: @primary-color;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
.plus-icon {
|
|
38
|
+
display: inline-block;
|
|
39
|
+
padding: 4px;
|
|
40
|
+
margin-left: 10px;
|
|
41
|
+
font-size: 13px;
|
|
42
|
+
line-height: 1px;
|
|
43
|
+
background: #1abc9c;
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.reference-view-page {
|
|
48
|
+
display: block;
|
|
49
|
+
}
|
|
50
|
+
.reference-item {
|
|
51
|
+
display: flex;
|
|
52
|
+
position: relative;
|
|
53
|
+
justify-content: space-between;
|
|
54
|
+
align-items: center;
|
|
55
|
+
padding: 5px 20px;
|
|
56
|
+
&:hover {
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
.reference-item-content {
|
|
59
|
+
opacity: 0.4;
|
|
60
|
+
}
|
|
61
|
+
.reference-status-none {
|
|
62
|
+
display: none;
|
|
63
|
+
}
|
|
64
|
+
.hover-operate-icon {
|
|
65
|
+
display: block;
|
|
66
|
+
opacity: 1;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
.reference-item-content {
|
|
70
|
+
flex: 1;
|
|
71
|
+
color: #000;
|
|
72
|
+
font-weight: 500;
|
|
73
|
+
.reference-content {
|
|
74
|
+
display: flex;
|
|
75
|
+
flex: 1;
|
|
76
|
+
.type-icon {
|
|
77
|
+
font-size: 15px;
|
|
78
|
+
padding-right: 10px;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
.task-item-name.task-item-name_done {
|
|
82
|
+
color: #a8a8a8;
|
|
83
|
+
}
|
|
84
|
+
.task-control {
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
padding: 5px 0;
|
|
88
|
+
font-size: 13px;
|
|
89
|
+
color: #444;
|
|
90
|
+
font-weight: normal;
|
|
91
|
+
> span + span {
|
|
92
|
+
margin-left: 15px;
|
|
93
|
+
}
|
|
94
|
+
.svg-inline--fa {
|
|
95
|
+
margin-right: 5px;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.hover-operate-icon {
|
|
101
|
+
display: none;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
.ant-empty {
|
|
105
|
+
font-size: 12px;
|
|
106
|
+
.ant-empty-image {
|
|
107
|
+
height: 35px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
@@ -1,23 +1,14 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
|
-
import { ViewContext, ViewContextData
|
|
3
|
-
import { observe
|
|
4
|
-
import { Button } from "@voplus/antd";
|
|
5
|
-
import styles from "./index.less";
|
|
2
|
+
import { ViewContext, ViewContextData } from "@voplus/morpho-document-core/es/data/context/ViewContext";
|
|
3
|
+
import { observe } from "@voplus/morpho-ui";
|
|
6
4
|
import { useDocument } from "@voplus/morpho-document-core";
|
|
7
5
|
import { useMetaStore } from "../../data";
|
|
8
6
|
/** Document PropertiesView */
|
|
9
7
|
const PropertiesView = (props) => {
|
|
10
8
|
const metas = useMetaStore();
|
|
11
|
-
const asideContext = useAsideContentContext();
|
|
12
9
|
const view = useMemo(() => new ViewContextData("QuickView"), []);
|
|
13
10
|
const doc = useDocument(props.id);
|
|
14
|
-
return observe(() => (React.createElement(
|
|
15
|
-
React.createElement(ViewContext.Provider, { value: view }, metas.getPropertiesView(doc)),
|
|
16
|
-
React.createElement("div", { className: "frame-footer" },
|
|
17
|
-
React.createElement(Button, { onClick: close }, "Close")))));
|
|
18
|
-
function close() {
|
|
19
|
-
asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside();
|
|
20
|
-
}
|
|
11
|
+
return observe(() => (React.createElement(ViewContext.Provider, { value: view }, metas.getPropertiesView(doc))));
|
|
21
12
|
};
|
|
22
13
|
export default PropertiesView;
|
|
23
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAGxG,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,8BAA8B;AAC9B,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IAAG,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAwB,CACxF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { ArrowLeftOutlined, CloseOutlined } from "@ant-design/icons";
|
|
2
2
|
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
3
|
-
import { Button, Tooltip } from "@voplus/antd";
|
|
4
3
|
import { QuickSubContent, QuickSubTab } from "../../../../components/QuickViewDialog/QuickSubTab";
|
|
5
4
|
import React, { useState } from "react";
|
|
5
|
+
import { Button } from "@voplus/antd";
|
|
6
6
|
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
7
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
7
|
import GraphViewer from "../GraphViewer";
|
|
9
8
|
import QuickModal from "../../../../components/QuickViewDialog/QuickModal";
|
|
10
|
-
import { faExternalLink } from "@fortawesome/pro-light-svg-icons";
|
|
11
9
|
import { useLayout } from "@voplus/morpho-data";
|
|
12
10
|
const GraphQuickViewDialog = (props) => {
|
|
13
11
|
const layout = useLayout();
|
|
@@ -22,9 +20,6 @@ const GraphQuickViewDialog = (props) => {
|
|
|
22
20
|
React.createElement(React.Fragment, null,
|
|
23
21
|
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 }),
|
|
24
22
|
React.createElement("div", { className: "preview-tab" },
|
|
25
|
-
React.createElement(Tooltip, { title: "Open New Tab" },
|
|
26
|
-
React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
|
|
27
|
-
React.createElement(FAIcon, { icon: faExternalLink }))),
|
|
28
23
|
React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
|
|
29
24
|
!layout.ui.mobile && React.createElement(Button, { icon: React.createElement(CloseOutlined, null), onClick: props.onCancel })))),
|
|
30
25
|
React.createElement(GraphViewer, { id: props.id, autoHeight: true }))))));
|
|
@@ -35,9 +30,6 @@ const GraphQuickViewDialog = (props) => {
|
|
|
35
30
|
setSubTab(false);
|
|
36
31
|
} }), { span: 12 });
|
|
37
32
|
}
|
|
38
|
-
function openTab() {
|
|
39
|
-
layout.history.push(`/document/${props.id}`);
|
|
40
|
-
}
|
|
41
33
|
};
|
|
42
34
|
export default GraphQuickViewDialog;
|
|
43
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphQuickViewDialog/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@voplus/morpho-document",
|
|
3
|
-
"version": "1.4.84
|
|
3
|
+
"version": "1.4.84",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"react": "17.x",
|
|
57
57
|
"react-dom": "17.x"
|
|
58
58
|
},
|
|
59
|
-
"sideEffects":
|
|
59
|
+
"sideEffects": [
|
|
60
60
|
"*.less"
|
|
61
61
|
]
|
|
62
62
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@import "~@voplus/morpho-theme/styles/index.less";
|
|
2
|
-
@import "~@voplus/antd/es/style/themes/default.less";
|
|
3
|
-
|
|
4
|
-
.properties-view-frame {
|
|
5
|
-
height: 100%;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
:global {
|
|
9
|
-
.frame-footer {
|
|
10
|
-
text-align: right;
|
|
11
|
-
padding: 10px 20px;
|
|
12
|
-
border-top: 1px solid #f2f2f2;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|