@voplus/morpho-document 6.0.98 → 6.0.99
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/DocumentTabs/index.d.ts +1 -1
- package/es/components/FilePropertiesView/index.js +1 -1
- package/es/components/FilePropertiesView/index.js.map +1 -1
- package/es/data/metas/PageMeta.js +1 -1
- package/es/data/metas/PageMeta.js.map +1 -1
- package/es/modules/page/components/PageItems/index.d.ts +1 -1
- package/es/modules/page/components/PageItems/index.js +38 -31
- package/es/modules/page/components/PageItems/index.js.map +1 -1
- package/es/modules/page/components/PageItems/index.less +85 -69
- package/es/modules/page/components/PlusDropDown/index.d.ts +1 -1
- package/es/modules/page/components/PlusDropDown/index.js +4 -4
- package/es/modules/page/components/PlusDropDown/index.js.map +1 -1
- package/es/modules/page/views/PageDefaultView/index.d.ts +1 -1
- package/es/modules/page/views/PageDefaultView/index.js +15 -67
- package/es/modules/page/views/PageDefaultView/index.js.map +1 -1
- package/es/modules/page/views/PageDefaultView/index.less +1 -81
- package/es/modules/page/views/PagePrintView/index.less +1 -1
- package/es/{modules/page/views → obsolete}/PageDefaultView/PageDefaultView2.js +4 -4
- package/es/obsolete/PageDefaultView/PageDefaultView2.js.map +1 -0
- package/es/obsolete/PageDefaultView/index.d.ts +12 -0
- package/es/obsolete/PageDefaultView/index.js +89 -0
- package/es/obsolete/PageDefaultView/index.js.map +1 -0
- package/es/obsolete/PageDefaultView/index.less +94 -0
- package/package.json +1 -1
- package/es/modules/page/views/PageDefaultView/PageDefaultView2.js.map +0 -1
- /package/es/{modules/page/views → obsolete}/PageDefaultView/PageDefaultView2.d.ts +0 -0
|
@@ -8,7 +8,7 @@ declare const DocumentTabs: (props: {
|
|
|
8
8
|
tabItems?: TabsProps["items"];
|
|
9
9
|
details?: ReactNode;
|
|
10
10
|
/** 是否显示 properties */
|
|
11
|
-
properties?:
|
|
11
|
+
properties?: boolean | undefined;
|
|
12
12
|
className?: string | undefined;
|
|
13
13
|
docTabOptions?: {
|
|
14
14
|
title?: string | ReactNode;
|
|
@@ -6,7 +6,7 @@ const FilePropertiesView = (props) => {
|
|
|
6
6
|
const { id } = props;
|
|
7
7
|
return (React.createElement("div", { className: "module-detail-view" },
|
|
8
8
|
React.createElement(DocumentPropertiesHeader, { id: id }),
|
|
9
|
-
React.createElement(DocumentTabs, { id: id, details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
|
|
9
|
+
React.createElement(DocumentTabs, { id: id, properties: true, details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
|
|
10
10
|
};
|
|
11
11
|
export default FilePropertiesView;
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,GAAI;QACpC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,OAAO,EACN,oBAAC,UAAU,IACV,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAC5D,GAEF,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,GAAI;QACpC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,UAAU,QACV,OAAO,EACN,oBAAC,UAAU,IACV,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAC5D,GAEF,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
4
4
|
import { faBookAlt } from "@fortawesome/pro-light-svg-icons";
|
|
5
5
|
import { suspense } from "@voplus/morpho-ui/es/controls/Suspense";
|
|
6
6
|
const PageMenu = lazy(() => import("../../controls/PageMenu"));
|
|
7
|
-
const DefaultView = lazy(() => import("../../modules/page/views/PageDefaultView
|
|
7
|
+
const DefaultView = lazy(() => import("../../modules/page/views/PageDefaultView"));
|
|
8
8
|
const PagePropertiesView = lazy(() => import("../../modules/page/views/PagePropertiesView"));
|
|
9
9
|
const PageQuickView = lazy(() => import("../../modules/page/views/PageQuickView"));
|
|
10
10
|
/** Meta information for shortcut. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/data/metas/PageMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAOpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAElE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;AAC/D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/data/metas/PageMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAOpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAElE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;AAC/D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC,CAAC;AACnF,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,6CAA6C,CAAC,CAAC,CAAC;AAC7F,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,wCAAwC,CAAC,CAAC,CAAC;AAEnF,qCAAqC;AACrC,MAAM,OAAO,QAAS,SAAQ,uBAAuB;IAEpD,IAAW,IAAI;QACd,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC1B,CAAC;IAED,YAA2B,KAAyB;QACnD,KAAK,EAAE,CAAC;QADU;;;;mBAAQ,KAAK;WAAoB;IAEpD,CAAC;IAEM,OAAO;QACb,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI,CAAC;IAC7C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,OAAO,QAAQ,CAAC,kBAAkB,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,OAAO,QAAQ,CAAC,aAAa,CAAC,CAAC;YAC9B,EAAE,EAAE,QAAQ,CAAC,EAAE;YACf,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACxB,CAAC,CAAC;IACJ,CAAC;IAEM,cAAc,CAAC,KAAqB;QAC1C,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,CAAC;IAEM,OAAO,CAAC,QAAmB,EAAE,KAAwB;QAC3D,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC;QACvB,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC;;AAhCa;;;;WAAW,MAAM;EAAT,CAAU"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import "./index.less";
|
|
2
|
-
import { Card, useRenderOnChange } from "@voplus/morpho-ui";
|
|
3
|
-
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
4
1
|
import React, { useState } from "react";
|
|
2
|
+
import { Menu } from "antd";
|
|
3
|
+
import { State } from "./state";
|
|
4
|
+
import { Card, useRenderOnChange, observe } from "@voplus/morpho-ui";
|
|
5
|
+
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
5
6
|
import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, useMetaStore, } from "@voplus/morpho-document-core";
|
|
6
|
-
import DocumentSelectDialog from "../../../../components/DocumentSelectDialog";
|
|
7
7
|
import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
|
|
8
|
-
import
|
|
8
|
+
import DocumentSelectDialog from "../../../../components/DocumentSelectDialog";
|
|
9
9
|
import NewDocumentForm from "../../../../components/NewDocumentForm";
|
|
10
|
-
import PageItem from "../PageItem";
|
|
11
10
|
import PlusDropDown from "../PlusDropDown";
|
|
12
|
-
import
|
|
11
|
+
import PageItem from "../PageItem";
|
|
13
12
|
import classnames from "classnames";
|
|
14
|
-
import
|
|
13
|
+
import "./index.less";
|
|
15
14
|
const PageItems = (props) => {
|
|
16
15
|
const { id, readonly } = props;
|
|
17
|
-
const meta = useMetaStore();
|
|
18
16
|
const [state] = useState(new State());
|
|
17
|
+
const meta = useMetaStore();
|
|
19
18
|
const documentStore = useDocumentStore();
|
|
20
19
|
const data = useCreateListDataState({
|
|
21
20
|
filterDefaults: {
|
|
@@ -30,28 +29,36 @@ const PageItems = (props) => {
|
|
|
30
29
|
useAutoUpdateListData(data, (d) => (d.type === "Text" || d.type === "Graph" || d.type === "Document" || d.type === "Shortcut") &&
|
|
31
30
|
d.parentId === id);
|
|
32
31
|
return observe(() => (React.createElement(ListDataContext.Provider, { value: data },
|
|
33
|
-
React.createElement(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
React.createElement(Card, { className: classnames("page-item-card", { "page-item-card_zero": index === 0 }) },
|
|
39
|
-
React.createElement(PageItem, { id: item.id, connectDragSource: connectDragSource })))
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
32
|
+
React.createElement("div", { className: "page-items" },
|
|
33
|
+
React.createElement(ListView, { className: "page-items-view", headerProps: {
|
|
34
|
+
header: React.createElement("span", null),
|
|
35
|
+
sortable: false,
|
|
36
|
+
addAble: false,
|
|
37
|
+
}, renderItem: ({ item, index, connectDragSource }) => (React.createElement(Card, { className: classnames("page-item-card", { "page-item-card_zero": index === 0 }) },
|
|
38
|
+
React.createElement(PageItem, { id: item.id, connectDragSource: connectDragSource }))), moveAfter: moveAfter, dragDropContainerClassName: "page-dd-item-container", infiniteScrollViewProps: {
|
|
39
|
+
className: classnames("page-scroll-view", { dataEmpty: !data.data.length }),
|
|
40
|
+
customScroll: props.print ? false : true,
|
|
41
|
+
} }),
|
|
42
|
+
state.addAble && (React.createElement(NewDocumentForm, { parentId: id, type: state.type, placeholder: `Add a ${state.type} to this page`, className: classnames("new-page-item-form", { show: state.addAble }), onCancel: () => (state.addAble = false) })),
|
|
43
|
+
React.createElement(PlusDropDown, { className: classnames("plus-icon-position", { hide: state.addAble || !!readonly }), menu: React.createElement(Menu, { onClick: state.selectType, items: [
|
|
44
|
+
{ key: "Text", label: "Text", icon: meta.getIcon({ type: "Text" }) },
|
|
45
|
+
{
|
|
46
|
+
key: "Graph",
|
|
47
|
+
label: "Graph",
|
|
48
|
+
icon: meta.getIcon({ type: "Graph" }),
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
key: "Document",
|
|
52
|
+
label: "Folder",
|
|
53
|
+
icon: meta.getIcon({ type: "Folder" }),
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
key: "Shortcut",
|
|
57
|
+
label: "Link Existing Document",
|
|
58
|
+
icon: meta.getIcon({ type: "Folder" }),
|
|
59
|
+
},
|
|
60
|
+
] }) }),
|
|
61
|
+
state.addLink && React.createElement(DocumentSelectDialog, { onSelect: onCreateShortcut })))));
|
|
55
62
|
/** document sort */
|
|
56
63
|
async function moveAfter(id, afterId, list) {
|
|
57
64
|
await documentStore.moveAfter(id, afterId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PageItems/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,89 +1,105 @@
|
|
|
1
1
|
@import "~@voplus/morpho-theme/styles/index.less";
|
|
2
2
|
|
|
3
3
|
:global {
|
|
4
|
-
.page-items
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
4
|
+
.page-items {
|
|
5
|
+
height: 100%;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
.page-items-view {
|
|
10
|
+
flex: 1;
|
|
11
|
+
background: unset;
|
|
12
|
+
|
|
13
|
+
.list-view-header {
|
|
14
|
+
display: none;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// set height
|
|
18
|
+
.page-scroll-view {
|
|
19
|
+
height: 100%;
|
|
20
|
+
|
|
21
|
+
&.dataEmpty {
|
|
22
|
+
> div {
|
|
23
|
+
height: auto;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ant-empty {
|
|
27
|
+
height: 100%;
|
|
28
|
+
margin: 0 auto;
|
|
29
|
+
padding: 50px 0;
|
|
30
|
+
}
|
|
16
31
|
}
|
|
17
|
-
|
|
32
|
+
|
|
33
|
+
> div {
|
|
18
34
|
height: 100%;
|
|
19
|
-
|
|
20
|
-
|
|
35
|
+
background-color: @background-color-base;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.page-dd-item-container {
|
|
39
|
+
background-color: @background-color-base;
|
|
21
40
|
}
|
|
22
41
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
42
|
+
|
|
43
|
+
// end ugly code to set items height
|
|
44
|
+
|
|
45
|
+
.page-item-card {
|
|
46
|
+
max-width: 70rem;
|
|
47
|
+
margin-left: auto;
|
|
48
|
+
margin-right: auto;
|
|
49
|
+
padding: 0 1rem 0 1rem;
|
|
28
50
|
background-color: @background-color-base;
|
|
51
|
+
|
|
52
|
+
&.page-item-card_zero {
|
|
53
|
+
padding-top: 1rem;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.page-item-header {
|
|
57
|
+
padding: 10px 0;
|
|
58
|
+
margin: 0 20px;
|
|
59
|
+
border-bottom: 1px solid #eee;
|
|
60
|
+
}
|
|
29
61
|
}
|
|
30
62
|
}
|
|
31
63
|
|
|
32
|
-
|
|
64
|
+
.new-page-item-form {
|
|
65
|
+
width: 100%;
|
|
66
|
+
margin: 0;
|
|
67
|
+
height: auto;
|
|
68
|
+
background-color: #fff;
|
|
69
|
+
border-top: 0 @border-style-base @border-color-split;
|
|
70
|
+
transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
|
|
71
|
+
|
|
72
|
+
&.show {
|
|
73
|
+
border-top-width: @border-width-base;
|
|
33
74
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
background-color: @background-color-base;
|
|
40
|
-
&.page-item-card_zero {
|
|
41
|
-
padding-top: 1rem;
|
|
75
|
+
.ant-input {
|
|
76
|
+
padding: 4px 0;
|
|
77
|
+
border: none;
|
|
78
|
+
box-shadow: none;
|
|
79
|
+
}
|
|
42
80
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
border-bottom: 1px solid #eee;
|
|
81
|
+
|
|
82
|
+
.detailed {
|
|
83
|
+
display: none;
|
|
47
84
|
}
|
|
48
85
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
box-shadow: none;
|
|
86
|
+
|
|
87
|
+
.plus-icon.plus-icon-position {
|
|
88
|
+
position: absolute;
|
|
89
|
+
bottom: 20px;
|
|
90
|
+
right: 20px;
|
|
91
|
+
width: 26px;
|
|
92
|
+
height: 26px;
|
|
93
|
+
line-height: 26px;
|
|
94
|
+
font-size: 18px;
|
|
95
|
+
border-radius: 2px;
|
|
96
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
97
|
+
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
98
|
+
transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
|
|
99
|
+
|
|
100
|
+
&.hide {
|
|
101
|
+
display: none;
|
|
66
102
|
}
|
|
67
103
|
}
|
|
68
|
-
.detailed {
|
|
69
|
-
display: none;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
.plus-icon.plus-icon-position {
|
|
73
|
-
position: absolute;
|
|
74
|
-
bottom: 20px;
|
|
75
|
-
right: 20px;
|
|
76
|
-
width: 26px;
|
|
77
|
-
height: 26px;
|
|
78
|
-
line-height: 26px;
|
|
79
|
-
font-size: 18px;
|
|
80
|
-
border-radius: 2px;
|
|
81
|
-
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
82
|
-
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
83
|
-
transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
|
|
84
|
-
&.hide {
|
|
85
|
-
width: 0;
|
|
86
|
-
opacity: 0;
|
|
87
|
-
}
|
|
88
104
|
}
|
|
89
105
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Dropdown } from "antd";
|
|
3
3
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import classnames from "classnames";
|
|
6
4
|
import { faPlus } from "@fortawesome/pro-light-svg-icons";
|
|
7
5
|
import { observe } from "@voplus/morpho-ui";
|
|
6
|
+
import classnames from "classnames";
|
|
7
|
+
import "./index.less";
|
|
8
8
|
const PlusDropDown = (props) => {
|
|
9
9
|
const { className, menu } = props;
|
|
10
10
|
const PlusIcon = (React.createElement("span", { className: classnames("plus-icon", className) },
|
|
11
11
|
React.createElement(FAIcon, { icon: faPlus })));
|
|
12
|
-
return observe(() => menu ?
|
|
12
|
+
return observe(() => menu ? React.createElement(Dropdown, { dropdownRender: () => menu }, PlusIcon) : PlusIcon);
|
|
13
13
|
};
|
|
14
14
|
export default PlusDropDown;
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PlusDropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/PlusDropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,QAAQ,GAAG,CAChB,8BAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAClB,CACP,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,IAAI,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,IAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CAC7E,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,86 +1,34 @@
|
|
|
1
|
-
import "
|
|
2
|
-
import {
|
|
3
|
-
import { Button, Skeleton, Tooltip } from "antd";
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { Skeleton } from "antd";
|
|
4
3
|
import { PageContext, PageContextState, usePage } from "../../data";
|
|
5
|
-
import
|
|
6
|
-
import { Reload, Sidebar, Versions } from "../../../../controls/ToolBar/buttons";
|
|
7
|
-
import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
|
|
8
|
-
import { faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
|
|
9
|
-
import { useLayout, useTabItem } from "@voplus/morpho-data";
|
|
10
|
-
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog2/ActivityLog2";
|
|
11
|
-
import DescriptionEditor from "../../../../controls/DescriptionEditor";
|
|
12
|
-
import DocumentHeader from "../../../../components/DocumentHeader";
|
|
13
|
-
import DocumentTabs from "../../../../components/DocumentTabs";
|
|
4
|
+
import { faEllipsisVertical } from "@fortawesome/pro-solid-svg-icons";
|
|
14
5
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
15
|
-
import
|
|
16
|
-
import PageItems from "../../components/PageItems";
|
|
17
|
-
import ToolBar from "../../../../controls/ToolBar/ToolBar2";
|
|
6
|
+
import { useTabItem } from "@voplus/morpho-data";
|
|
18
7
|
import { observe } from "@voplus/morpho-ui";
|
|
19
8
|
import { runInAction } from "mobx";
|
|
20
9
|
import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
|
|
10
|
+
import DocumentTabs from "../../../../components/DocumentTabs";
|
|
11
|
+
import ToolBar from "../../../../controls/ToolBar/ToolBar2";
|
|
12
|
+
import PageItems from "../../components/PageItems";
|
|
13
|
+
import "./index.less";
|
|
21
14
|
/** The Page Page component with router parameters support. */
|
|
22
15
|
const PageDefaultView = ({ id }) => {
|
|
23
|
-
var _a;
|
|
24
16
|
const frame = useFrame();
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
const expand = (_a = query.get("expand")) !== null && _a !== void 0 ? _a : undefined;
|
|
28
|
-
const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
|
|
29
|
-
const view = useMemo(() => new ViewContextData("PropertiesView"), []);
|
|
17
|
+
frame.header = "PathHeader";
|
|
18
|
+
frame.asideSpan = 12;
|
|
30
19
|
const [context] = useState(new PageContextState());
|
|
31
|
-
const [activeKey, setActiveKey] = useState("Activities");
|
|
32
20
|
const page = usePage(id, { reload: true, includes: "tags,versions" });
|
|
33
21
|
const tab = useTabItem();
|
|
34
22
|
useEffect(() => {
|
|
35
23
|
runInAction(() => (tab.title = page.name));
|
|
36
24
|
}, [page === null || page === void 0 ? void 0 : page.name]);
|
|
37
|
-
|
|
38
|
-
if (expand)
|
|
39
|
-
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 });
|
|
40
|
-
}, []);
|
|
41
|
-
const AsideElement = observe(() => (React.createElement("div", { className: "page-default-view_aside" },
|
|
42
|
-
React.createElement(DocumentTabs, { id: id, active: "Activities", tabItems: [
|
|
43
|
-
{
|
|
44
|
-
key: "Activities",
|
|
45
|
-
label: "Activities",
|
|
46
|
-
children: (React.createElement(React.Fragment, null,
|
|
47
|
-
" ",
|
|
48
|
-
activeKey === "Activities" ? React.createElement(ActivityLog, { id: id, title: " " }) : null,
|
|
49
|
-
" ")),
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
key: "Links",
|
|
53
|
-
label: "Links",
|
|
54
|
-
children: React.createElement(Links, { id: id, isTitle: false }),
|
|
55
|
-
},
|
|
56
|
-
], onChange: (key) => setActiveKey(key) }))));
|
|
57
|
-
const PageContent = observe(() => (React.createElement(PageContext.Provider, { value: context },
|
|
25
|
+
return observe(() => (React.createElement(PageContext.Provider, { value: context },
|
|
58
26
|
React.createElement("div", { className: "page-default-view" },
|
|
59
27
|
React.createElement(Skeleton, { active: true, loading: !page.loaded },
|
|
60
|
-
React.createElement(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
React.createElement(Button, { type: "link", onClick: () => {
|
|
65
|
-
context.collapse(!context.collapsed);
|
|
66
|
-
} },
|
|
67
|
-
React.createElement(FAIcon, { icon: context.collapsed ? faChevronDown : faChevronUp }))),
|
|
68
|
-
React.createElement(Reload, { action: onReLoad }),
|
|
69
|
-
React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
|
|
70
|
-
? asideContext.closeAside()
|
|
71
|
-
: asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }),
|
|
72
|
-
React.createElement(Versions, null))), clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false }),
|
|
73
|
-
React.createElement(DescriptionEditor, { id: id, description: page.description, readonly: page.readonly, padding: "0 0 0.75rem 0", collapseAll: true })),
|
|
74
|
-
React.createElement(Skeleton, { active: true, loading: !context.reload },
|
|
75
|
-
React.createElement(PageItems, { id: id, readonly: page.readonly })))))));
|
|
76
|
-
return observe(() => (React.createElement(ViewContext.Provider, { value: view }, frame ? (PageContent) : (React.createElement(AsideContent, { context: asideContext }, PageContent)))));
|
|
77
|
-
/** reload data */
|
|
78
|
-
function onReLoad() {
|
|
79
|
-
context.reload = false;
|
|
80
|
-
setTimeout(() => {
|
|
81
|
-
context.reload = true;
|
|
82
|
-
}, 100);
|
|
83
|
-
}
|
|
28
|
+
React.createElement(DocumentTabs, { id: id, properties: true, details:
|
|
29
|
+
/* pageItem List */
|
|
30
|
+
React.createElement(Skeleton, { active: true, loading: !context.reload },
|
|
31
|
+
React.createElement(PageItems, { id: id, readonly: page.readonly })), tabBarExtraContent: React.createElement(ToolBar, { id: id, moreProps: { icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) } }) }))))));
|
|
84
32
|
};
|
|
85
33
|
PageDefaultView.defaultProps = {
|
|
86
34
|
expand: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAC7E,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;IAC5B,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IAErB,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEnD,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,6BAAK,SAAS,EAAC,mBAAmB;YACjC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;gBACrC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,UAAU,QACV,OAAO;oBACN,mBAAmB;oBACnB,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;wBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,EAEZ,kBAAkB,EACjB,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,GAAI,EAAE,GAAI,GAE9E,CACQ,CACN,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
@@ -2,91 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
:global {
|
|
4
4
|
.page-default-view {
|
|
5
|
-
position: relative;
|
|
6
|
-
display: flex;
|
|
7
5
|
height: 100%;
|
|
8
|
-
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
|
|
11
|
-
> header {
|
|
12
|
-
z-index: 1;
|
|
13
|
-
box-shadow: 2px 2px 5px #e8e8e8;
|
|
14
|
-
background-color: @component-background;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.document-header-default {
|
|
18
|
-
background-color: transparent;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.page-description {
|
|
22
|
-
padding: 0 20px 10px 20px;
|
|
23
|
-
}
|
|
6
|
+
position: relative;
|
|
24
7
|
|
|
25
8
|
.list-view-header {
|
|
26
9
|
display: none;
|
|
27
10
|
}
|
|
28
|
-
|
|
29
|
-
.new-page-item-form {
|
|
30
|
-
width: 100%;
|
|
31
|
-
height: 0;
|
|
32
|
-
opacity: 0;
|
|
33
|
-
margin: 0;
|
|
34
|
-
background-color: #fff;
|
|
35
|
-
border-top: 0 @border-style-base @border-color-split;
|
|
36
|
-
transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
|
|
37
|
-
|
|
38
|
-
&.show {
|
|
39
|
-
opacity: 1;
|
|
40
|
-
height: auto;
|
|
41
|
-
border-top-width: @border-width-base;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.plus-icon-position {
|
|
46
|
-
position: absolute;
|
|
47
|
-
bottom: 20px;
|
|
48
|
-
right: 20px;
|
|
49
|
-
width: 26px;
|
|
50
|
-
height: 26px;
|
|
51
|
-
line-height: 26px;
|
|
52
|
-
font-size: 18px;
|
|
53
|
-
border-radius: 2px;
|
|
54
|
-
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
55
|
-
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
56
|
-
transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
|
|
57
|
-
|
|
58
|
-
&.hide {
|
|
59
|
-
width: 0;
|
|
60
|
-
opacity: 0;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.page-default-view_aside {
|
|
66
|
-
height: 100%;
|
|
67
|
-
|
|
68
|
-
.ant-tabs {
|
|
69
|
-
display: flex;
|
|
70
|
-
flex-direction: column;
|
|
71
|
-
height: 100%;
|
|
72
|
-
|
|
73
|
-
.ant-tabs-nav {
|
|
74
|
-
margin: 0;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.ant-tabs-content {
|
|
78
|
-
height: 100%;
|
|
79
|
-
padding-bottom: 0px !important;
|
|
80
|
-
|
|
81
|
-
.ant-tabs-tabpane {
|
|
82
|
-
position: relative;
|
|
83
|
-
height: 100%;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ant-tabs-bar {
|
|
88
|
-
margin: 0 20px;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
11
|
}
|
|
92
12
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
2
|
import { Skeleton } from "antd";
|
|
3
|
-
import { PageContext, PageContextState, usePage } from "../../data";
|
|
3
|
+
import { PageContext, PageContextState, usePage } from "../../modules/page/data";
|
|
4
4
|
import React, { useEffect, useState } from "react";
|
|
5
5
|
import { useTabItem } from "@voplus/morpho-data";
|
|
6
|
-
import DocumentTabs from "
|
|
7
|
-
import PageItems from "../../components/PageItems";
|
|
6
|
+
import DocumentTabs from "../../components/DocumentTabs";
|
|
7
|
+
import PageItems from "../../modules/page/components/PageItems";
|
|
8
8
|
import { observe } from "@voplus/morpho-ui";
|
|
9
9
|
import { runInAction } from "mobx";
|
|
10
|
-
import { useFrame } from "
|
|
10
|
+
import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
|
|
11
11
|
/** The Page Page component with router parameters support. */
|
|
12
12
|
const PageDefaultView = ({ id }) => {
|
|
13
13
|
const frame = useFrame();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageDefaultView2.js","sourceRoot":"","sources":["../../../src/obsolete/PageDefaultView/PageDefaultView2.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEvE,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;IAC5B,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IAErB,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEnD,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,6BAAK,SAAS,EAAC,mBAAmB;YACjC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;gBACrC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,UAAU,QACV,OAAO;oBACN,mBAAmB;oBACnB,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;wBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,GAEX,CACQ,CACN,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React from "react";
|
|
3
|
+
/** The Page Page component with router parameters support. */
|
|
4
|
+
declare const PageDefaultView: {
|
|
5
|
+
({ id }: {
|
|
6
|
+
id: string;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
defaultProps: {
|
|
9
|
+
expand: boolean;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default PageDefaultView;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { AsideContent, useAsideContentContext } from "@voplus/morpho-ui";
|
|
3
|
+
import { Button, Skeleton, Tooltip } from "antd";
|
|
4
|
+
import { PageContext, PageContextState, usePage } from "../../modules/page/data";
|
|
5
|
+
import React, { useEffect, useMemo, useState } from "react";
|
|
6
|
+
import { Reload, Sidebar, Versions } from "../../controls/ToolBar/buttons";
|
|
7
|
+
import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
|
|
8
|
+
import { faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
|
|
9
|
+
import { useLayout, useTabItem } from "@voplus/morpho-data";
|
|
10
|
+
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog2/ActivityLog2";
|
|
11
|
+
import DescriptionEditor from "../../controls/DescriptionEditor";
|
|
12
|
+
import DocumentHeader from "../../components/DocumentHeader";
|
|
13
|
+
import DocumentTabs from "../../components/DocumentTabs";
|
|
14
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
15
|
+
import Links from "../../components/Links";
|
|
16
|
+
import PageItems from "../../modules/page/components/PageItems";
|
|
17
|
+
import ToolBar from "../../controls/ToolBar/ToolBar2";
|
|
18
|
+
import { observe } from "@voplus/morpho-ui";
|
|
19
|
+
import { runInAction } from "mobx";
|
|
20
|
+
import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
|
|
21
|
+
/** The Page Page component with router parameters support. */
|
|
22
|
+
const PageDefaultView = ({ id }) => {
|
|
23
|
+
var _a;
|
|
24
|
+
const frame = useFrame();
|
|
25
|
+
const layout = useLayout();
|
|
26
|
+
const query = new URLSearchParams(layout.history.location.search);
|
|
27
|
+
const expand = (_a = query.get("expand")) !== null && _a !== void 0 ? _a : undefined;
|
|
28
|
+
const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
|
|
29
|
+
const view = useMemo(() => new ViewContextData("PropertiesView"), []);
|
|
30
|
+
const [context] = useState(new PageContextState());
|
|
31
|
+
const [activeKey, setActiveKey] = useState("Activities");
|
|
32
|
+
const page = usePage(id, { reload: true, includes: "tags,versions" });
|
|
33
|
+
const tab = useTabItem();
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
runInAction(() => (tab.title = page.name));
|
|
36
|
+
}, [page === null || page === void 0 ? void 0 : page.name]);
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
if (expand)
|
|
39
|
+
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 });
|
|
40
|
+
}, []);
|
|
41
|
+
const AsideElement = observe(() => (React.createElement("div", { className: "page-default-view_aside" },
|
|
42
|
+
React.createElement(DocumentTabs, { id: id, active: "Activities", tabItems: [
|
|
43
|
+
{
|
|
44
|
+
key: "Activities",
|
|
45
|
+
label: "Activities",
|
|
46
|
+
children: (React.createElement(React.Fragment, null,
|
|
47
|
+
" ",
|
|
48
|
+
activeKey === "Activities" ? React.createElement(ActivityLog, { id: id, title: " " }) : null,
|
|
49
|
+
" ")),
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
key: "Links",
|
|
53
|
+
label: "Links",
|
|
54
|
+
children: React.createElement(Links, { id: id, isTitle: false }),
|
|
55
|
+
},
|
|
56
|
+
], onChange: (key) => setActiveKey(key) }))));
|
|
57
|
+
const PageContent = observe(() => (React.createElement(PageContext.Provider, { value: context },
|
|
58
|
+
React.createElement("div", { className: "page-default-view" },
|
|
59
|
+
React.createElement(Skeleton, { active: true, loading: !page.loaded },
|
|
60
|
+
React.createElement("header", null,
|
|
61
|
+
React.createElement(DocumentHeader, { id: id, size: "h2", tools: React.createElement(React.Fragment, null,
|
|
62
|
+
React.createElement(ToolBar, { id: id },
|
|
63
|
+
React.createElement(Tooltip, { title: context.collapsed ? "Expand All" : "Collapse All" },
|
|
64
|
+
React.createElement(Button, { type: "link", onClick: () => {
|
|
65
|
+
context.collapse(!context.collapsed);
|
|
66
|
+
} },
|
|
67
|
+
React.createElement(FAIcon, { icon: context.collapsed ? faChevronDown : faChevronUp }))),
|
|
68
|
+
React.createElement(Reload, { action: onReLoad }),
|
|
69
|
+
React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
|
|
70
|
+
? asideContext.closeAside()
|
|
71
|
+
: asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }),
|
|
72
|
+
React.createElement(Versions, null))), clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false }),
|
|
73
|
+
React.createElement(DescriptionEditor, { id: id, description: page.description, readonly: page.readonly, padding: "0 0 0.75rem 0", collapseAll: true })),
|
|
74
|
+
React.createElement(Skeleton, { active: true, loading: !context.reload },
|
|
75
|
+
React.createElement(PageItems, { id: id, readonly: page.readonly })))))));
|
|
76
|
+
return observe(() => (React.createElement(ViewContext.Provider, { value: view }, frame ? (PageContent) : (React.createElement(AsideContent, { context: asideContext }, PageContent)))));
|
|
77
|
+
/** reload data */
|
|
78
|
+
function onReLoad() {
|
|
79
|
+
context.reload = false;
|
|
80
|
+
setTimeout(() => {
|
|
81
|
+
context.reload = true;
|
|
82
|
+
}, 100);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
PageDefaultView.defaultProps = {
|
|
86
|
+
expand: false,
|
|
87
|
+
};
|
|
88
|
+
export default PageDefaultView;
|
|
89
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/obsolete/PageDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EACN,WAAW,EACX,eAAe,GACf,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAU,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEvE,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,mCAAI,SAAS,CAAC;IAEhD,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IACjG,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtE,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IAEjE,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,MAAM;YAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAClC,6BAAK,SAAS,EAAC,yBAAyB;QACvC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,MAAM,EAAC,YAAY,EACnB,QAAQ,EAAE;gBACT;oBACC,GAAG,EAAE,YAAY;oBACjB,KAAK,EAAE,YAAY;oBACnB,QAAQ,EAAE,CACT;;wBAAI,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI;4BAAK,CAC9E;iBACD;gBACD;oBACC,GAAG,EAAE,OAAO;oBACZ,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI;iBAC3C;aACD,EACD,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,GACnC,CACG,CACN,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CACjC,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,6BAAK,SAAS,EAAC,mBAAmB;YACjC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;gBACrC;oBACC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;4BACd,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE;gCACd,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;oCAChE,oBAAC,MAAM,IACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;4CACb,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wCACtC,CAAC;wCAED,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,GAAI,CACzD,CACA;gCACV,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,GAAI;gCAC5B,oBAAC,OAAO,IACP,MAAM,EAAE,GAAG,EAAE,CACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY;wCACzB,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE;wCAC3B,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAEtD;gCACF,oBAAC,QAAQ,OAAG,CACH,CACM,EAElB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,kBAAkB,EAAE,KAAK,GACxB;oBACF,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAE,IAAI,GAChB,CACM;gBAGT,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;oBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,CACD,CACN,CACgB,CACvB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IAC/B,KAAK,CAAC,CAAC,CAAC,CACR,WAAW,CACX,CAAC,CAAC,CAAC,CACH,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAmB,IAAG,WAAW,CAAgB,CACxE,CACqB,CACvB,CAAC,CAAC;IAEH,kBAAkB;IAClB,SAAS,QAAQ;QAChB,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;QACvB,UAAU,CAAC,GAAG,EAAE;YACf,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;AACF,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
@import "~@voplus/morpho-theme/styles/index.less";
|
|
2
|
+
|
|
3
|
+
:global {
|
|
4
|
+
.page-default-view {
|
|
5
|
+
position: relative;
|
|
6
|
+
display: flex;
|
|
7
|
+
height: 100%;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
|
|
11
|
+
border: 1px solid pink;
|
|
12
|
+
|
|
13
|
+
> header {
|
|
14
|
+
z-index: 1;
|
|
15
|
+
box-shadow: 2px 2px 5px #e8e8e8;
|
|
16
|
+
background-color: @component-background;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.document-header-default {
|
|
20
|
+
background-color: transparent;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.page-description {
|
|
24
|
+
padding: 0 20px 10px 20px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.list-view-header {
|
|
28
|
+
display: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.new-page-item-form {
|
|
32
|
+
width: 100%;
|
|
33
|
+
height: 0;
|
|
34
|
+
opacity: 0;
|
|
35
|
+
margin: 0;
|
|
36
|
+
background-color: #fff;
|
|
37
|
+
border-top: 0 @border-style-base @border-color-split;
|
|
38
|
+
transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
|
|
39
|
+
|
|
40
|
+
&.show {
|
|
41
|
+
opacity: 1;
|
|
42
|
+
height: auto;
|
|
43
|
+
border-top-width: @border-width-base;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.plus-icon-position {
|
|
48
|
+
position: absolute;
|
|
49
|
+
bottom: 20px;
|
|
50
|
+
right: 20px;
|
|
51
|
+
width: 26px;
|
|
52
|
+
height: 26px;
|
|
53
|
+
line-height: 26px;
|
|
54
|
+
font-size: 18px;
|
|
55
|
+
border-radius: 2px;
|
|
56
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
57
|
+
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
58
|
+
transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
|
|
59
|
+
|
|
60
|
+
&.hide {
|
|
61
|
+
width: 0;
|
|
62
|
+
opacity: 0;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.page-default-view_aside {
|
|
68
|
+
height: 100%;
|
|
69
|
+
|
|
70
|
+
.ant-tabs {
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-direction: column;
|
|
73
|
+
height: 100%;
|
|
74
|
+
|
|
75
|
+
.ant-tabs-nav {
|
|
76
|
+
margin: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.ant-tabs-content {
|
|
80
|
+
height: 100%;
|
|
81
|
+
padding-bottom: 0px !important;
|
|
82
|
+
|
|
83
|
+
.ant-tabs-tabpane {
|
|
84
|
+
position: relative;
|
|
85
|
+
height: 100%;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.ant-tabs-bar {
|
|
90
|
+
margin: 0 20px;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageDefaultView2.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageDefaultView/PageDefaultView2.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAE7E,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;IAC5B,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IAErB,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEnD,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,6BAAK,SAAS,EAAC,mBAAmB;YACjC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;gBACrC,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,UAAU,QACV,OAAO;oBACN,mBAAmB;oBACnB,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;wBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,GAEX,CACQ,CACN,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}
|
|
File without changes
|