@voplus/morpho-document 1.2.0-dev.40 → 1.2.0-dev.42
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/modules/graph/components/GraphViewer/index.d.ts +3 -0
- package/es/modules/graph/components/GraphViewer/index.js +15 -2
- package/es/modules/graph/components/GraphViewer/index.js.map +1 -1
- package/es/modules/graph/components/GraphViewer/index.less +4 -0
- package/es/modules/page/components/GraphItem/index.js +1 -1
- package/es/modules/page/components/GraphItem/index.js.map +1 -1
- package/es/modules/page/components/PageItemHeader/index.js +3 -1
- package/es/modules/page/components/PageItemHeader/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,24 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
1
3
|
import IframeResizer from "iframe-resizer-react";
|
|
2
|
-
import
|
|
4
|
+
import Panable from "@voplus/morpho-ui/es/controls/Panable";
|
|
3
5
|
import { observe } from "@voplus/morpho-ui";
|
|
4
6
|
import { useApplicationContext } from "@voplus/morpho-data"; // eslint-disable-line
|
|
5
7
|
const GraphViewer = (props) => {
|
|
6
8
|
const context = useApplicationContext();
|
|
9
|
+
const [height, setHeight] = useState(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (props.autoHeight !== true)
|
|
12
|
+
setHeight(null);
|
|
13
|
+
});
|
|
7
14
|
const path = `/mxgraph/editor/viewer.html?id=${props.id}&access_token=${encodeURIComponent(context.user.info.accessToken)}`;
|
|
8
|
-
return observe(() => (React.createElement(
|
|
15
|
+
return observe(() => (React.createElement("div", { className: "graph-viewer", style: { height: height ? `${height}px` : undefined } },
|
|
16
|
+
React.createElement(Panable, { scroll: true },
|
|
17
|
+
React.createElement(IframeResizer, { onResized: handleIFrameResize, src: `${context.api.currentEndPoint.url(path)}`, style: { pointerEvents: "none" }, frameBorder: "0", scrolling: false, sizeWidth: true })))));
|
|
18
|
+
function handleIFrameResize(ev) {
|
|
19
|
+
if (props.autoHeight)
|
|
20
|
+
setHeight(+ev.height + 10);
|
|
21
|
+
}
|
|
9
22
|
};
|
|
10
23
|
export default GraphViewer;
|
|
11
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC,CAAC,sBAAsB;AAEnF,MAAM,WAAW,GAAG,CAAC,KAIpB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,kCAAkC,KAAK,CAAC,EAAE,iBAAiB,kBAAkB,CACzF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAC7B,EAAE,CAAC;IAEJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE;QAClF,oBAAC,OAAO,IAAC,MAAM;YACd,oBAAC,aAAa,IACb,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAC/C,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAChC,WAAW,EAAC,GAAG,EACf,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,GACd,CACO,CACL,CACN,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,EAAmB;QAC9C,IAAI,KAAK,CAAC,UAAU;YAAE,SAAS,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAClD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -20,7 +20,7 @@ const GraphItem = (props) => {
|
|
|
20
20
|
}, [context.collapsed]);
|
|
21
21
|
return observe(() => (React.createElement("div", { id: id, className: "page-item page-graph-item" },
|
|
22
22
|
React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
|
|
23
|
-
!state.collapse && React.createElement(GraphViewer, { id: id }))));
|
|
23
|
+
!state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
|
|
24
24
|
};
|
|
25
25
|
export default GraphItem;
|
|
26
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B;QACjD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,GAChB;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B;QACjD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,GAChB;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CACjD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -9,8 +9,10 @@ import { State } from "./state";
|
|
|
9
9
|
import ToolBar from "../../../../controls/ToolBar/ToolBar2";
|
|
10
10
|
import { observe } from "@voplus/morpho-ui";
|
|
11
11
|
import { runInAction } from "mobx";
|
|
12
|
+
import { useMetaStore } from "../../../../data";
|
|
12
13
|
const PageItemHeader = (props) => {
|
|
13
14
|
const { id, connectDragSource, collapse } = props;
|
|
15
|
+
const meta = useMetaStore();
|
|
14
16
|
const [state] = useState(new State());
|
|
15
17
|
useEffect(() => {
|
|
16
18
|
runInAction(() => (state.collapse = collapse));
|
|
@@ -20,7 +22,7 @@ const PageItemHeader = (props) => {
|
|
|
20
22
|
React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
|
|
21
23
|
React.createElement(Button, { size: "middle", shape: "circle", onClick: changeCollapse },
|
|
22
24
|
React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
|
|
23
|
-
props.openVisible && React.createElement(Open, { size: "middle" }),
|
|
25
|
+
props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
|
|
24
26
|
React.createElement(Versions, { size: "middle" }))) })));
|
|
25
27
|
/** change item collapse */
|
|
26
28
|
function changeCollapse() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItemHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEtF,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItemHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEtF,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,KAOvB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,IAAI,EACT,eAAe,EAAE,MAAM,EACvB,YAAY,EAAE,IAAI,EAClB,SAAS,QACT,eAAe,EAAE,KAAK,EACtB,mBAAmB,EAAE,KAAK,EAC1B,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,EACtC,GAAG,EACF,oBAAC,KAAK,CAAC,QAAQ,QACb,KAAK,CAAC,IAAI,IAAI,iBAAiB,IAAI,CACnC,6BAAK,SAAS,EAAC,WAAW,IACxB,iBAAiB,CAAC,kCAAO,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAAQ,CAAC,CACtD,CACN,CACe,EAElB,KAAK,EACJ,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAC,iBAAiB;YACzF,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;gBAC9D,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;oBACrD,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc;wBAC3D,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,GAAI,CACtD,CACA;gBACT,KAAK,CAAC,WAAW,IAAI,CACrB,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAS,CAAC,GAAI,CAC5E;gBACD,oBAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,CACjB,CACL,GAEN,CACF,CAAC,CAAC;IAEH,2BAA2B;IAC3B,SAAS,cAAc;QACtB,WAAW,CAAC,GAAG,EAAE;;YAChB,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;YACjC,MAAA,KAAK,CAAC,cAAc,+CAApB,KAAK,EAAkB,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|