@voplus/morpho-document 1.3.5 → 1.4.0
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/BreadCrumbsHeader/index.js +15 -7
- package/es/components/BreadCrumbsHeader/index.js.map +1 -1
- package/es/components/DocumentTabbedView/DraggableTabs.js +2 -1
- package/es/components/DocumentTabbedView/DraggableTabs.js.map +1 -1
- package/es/components/DocumentTabbedView/index.less +7 -0
- package/es/components/Links/index.less +111 -111
- package/es/components/ViewFrame/ViewFrameContext.d.ts +1 -1
- package/es/components/ViewFrame/ViewFrameContext.js +3 -0
- package/es/components/ViewFrame/ViewFrameContext.js.map +1 -1
- package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.js +3 -1
- package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { Breadcrumb, Popover } from "@voplus/antd";
|
|
2
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
3
|
+
import Icon from "../Icon";
|
|
2
4
|
import React from "react";
|
|
5
|
+
import { faLayerGroup } from "@fortawesome/pro-light-svg-icons";
|
|
3
6
|
import { observe } from "@voplus/morpho-ui";
|
|
4
7
|
import styles from "./index.less";
|
|
5
8
|
import { useDocument } from "@voplus/morpho-document-core";
|
|
9
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
6
10
|
const BreadCrumbsHeader = (props) => {
|
|
7
11
|
const { id } = props;
|
|
8
12
|
// const [state] = useState(new State());
|
|
13
|
+
const layout = useLayout();
|
|
9
14
|
const doc = useDocument(id, { reload: (i) => !i.path, includes: "path" });
|
|
10
15
|
const subStrName = (name) => {
|
|
11
16
|
return doc.path && doc.path.length > 4 && name.length > 30 ? name.substr(0, 20) + "..." : name;
|
|
@@ -15,13 +20,16 @@ const BreadCrumbsHeader = (props) => {
|
|
|
15
20
|
return (React.createElement("div", { className: styles["breadcrumb-popover-content"] }, (_a = doc.path) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement("div", { key: item.id, className: "path-item", onClick: () => toPath(item.id) }, item.name)))));
|
|
16
21
|
});
|
|
17
22
|
return observe(() => {
|
|
18
|
-
var _a;
|
|
19
|
-
return (React.createElement("div", { className: styles["breadcrumb-container"] },
|
|
20
|
-
React.createElement(
|
|
21
|
-
|
|
22
|
-
React.createElement(
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
var _a, _b;
|
|
24
|
+
return (React.createElement("div", { className: styles["breadcrumb-container"] }, layout.ui.mobile ? (React.createElement(Breadcrumb, { separator: ">" }, ((_a = doc.path) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Breadcrumb.Item, { key: doc.path[doc.path.length - 1].id },
|
|
25
|
+
React.createElement(Popover, { placement: "bottomLeft", content: content, title: "Paths", trigger: "click" },
|
|
26
|
+
React.createElement(Icon, { active: true, border: false },
|
|
27
|
+
React.createElement(FAIcon, { icon: faLayerGroup }))))) : (React.createElement(Icon, { active: true, border: false },
|
|
28
|
+
React.createElement(FAIcon, { icon: faLayerGroup }))))) : (React.createElement(Breadcrumb, { separator: ">" },
|
|
29
|
+
((_b = doc.path) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Breadcrumb.Item, { key: doc.path[doc.path.length - 1].id, onClick: () => { var _a; return ((_a = doc.path) === null || _a === void 0 ? void 0 : _a.length) === 1 && toPath(doc.path[doc.path.length - 1].id); } }, doc.path.length > 1 ? (React.createElement(Popover, { placement: "bottomLeft", content: content, title: "Paths" },
|
|
30
|
+
React.createElement("span", null, subStrName(doc.path[doc.path.length - 1].name)))) : (React.createElement("span", null, subStrName(doc.path[doc.path.length - 1].name))))) : null,
|
|
31
|
+
React.createElement(Breadcrumb.Item, { key: doc.id },
|
|
32
|
+
React.createElement("span", { className: "breadcrumb-active" }, subStrName(doc.name)))))));
|
|
25
33
|
});
|
|
26
34
|
function toPath(id) {
|
|
27
35
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BreadCrumbsHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BreadCrumbsHeader/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { useDrag, useDrop, } from "react-dnd";
|
|
|
2
2
|
import React, { useState } from "react";
|
|
3
3
|
import { Tabs } from "@voplus/antd";
|
|
4
4
|
import { observe } from "@voplus/morpho-ui";
|
|
5
|
+
import styles from "./index.less";
|
|
5
6
|
// Drag & Drop node
|
|
6
7
|
const WrapTabNode = (props) => {
|
|
7
8
|
const { children, index } = props;
|
|
@@ -69,7 +70,7 @@ const DraggableTabs = (props) => {
|
|
|
69
70
|
const ib = tabs.indexOf(b);
|
|
70
71
|
return ia - ib;
|
|
71
72
|
});
|
|
72
|
-
return React.createElement(Tabs, { renderTabBar: renderTabBar }, orderTabs);
|
|
73
|
+
return (React.createElement(Tabs, { className: styles["document-tabbed-tabs"], renderTabBar: renderTabBar }, orderTabs));
|
|
73
74
|
});
|
|
74
75
|
};
|
|
75
76
|
export default DraggableTabs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggableTabs.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/DraggableTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,OAAO,EACP,OAAO,GACP,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"DraggableTabs.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/DraggableTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,7 +1,7 @@
|
|
|
1
1
|
import { DocumentMetaStore } from "../../data/DocumentMetaStore";
|
|
2
2
|
import { IDocument } from "@voplus/morpho-document-core";
|
|
3
3
|
import React from "react";
|
|
4
|
-
export declare type IView = "default" | "explorer" | "tree";
|
|
4
|
+
export declare type IView = "default" | "explorer" | "tree" | "tabbed";
|
|
5
5
|
export declare class ViewFrameContextState {
|
|
6
6
|
private metas;
|
|
7
7
|
private document;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, makeObservable, observable } from "mobx";
|
|
3
3
|
import { createContext, useContext } from "react";
|
|
4
|
+
import DocumentTabbedView from "../DocumentTabbedView";
|
|
4
5
|
import ExplorerView from "../ExplorerView";
|
|
5
6
|
import React from "react";
|
|
6
7
|
import TreeView from "../TreeView";
|
|
@@ -51,6 +52,8 @@ export class ViewFrameContextState {
|
|
|
51
52
|
return React.createElement(ExplorerView, { id: this.id });
|
|
52
53
|
case "tree":
|
|
53
54
|
return React.createElement(TreeView, { id: this.id });
|
|
55
|
+
case "tabbed":
|
|
56
|
+
return React.createElement(DocumentTabbedView, { id: this.id });
|
|
54
57
|
default:
|
|
55
58
|
const v = this.metas.getDefaultView(this.document);
|
|
56
59
|
return v !== null && v !== void 0 ? v : React.createElement(ExplorerView, { id: this.id });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAIhC,MAAM,OAAO,qBAAqB;IAIjC,YACS,KAAwB,EACxB,QAAmB,EACnB,KAAa;;;;;mBAFb;;;;;;mBACA;;;;;;mBACA;;QANO;;;;;WAA8B;QAC9C;;;;;WAAqD;QAOpD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAES,IAAI,EAAE;QACf,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAGD,IAAW,aAAa;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,UAAU;gBACd,OAAO,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YACtC,KAAK,MAAM;gBACV,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAClC;gBACC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACnD,OAAO,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SAC3C;IACF,CAAC;IAIM,QAAQ,CAAC,EAAiB,EAAE,IAAY;;QAC9C,MAAA,IAAI,CAAC,UAAU,+CAAf,IAAI,EAAc,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;CACD;
|
|
1
|
+
{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAIhC,MAAM,OAAO,qBAAqB;IAIjC,YACS,KAAwB,EACxB,QAAmB,EACnB,KAAa;;;;;mBAFb;;;;;;mBACA;;;;;;mBACA;;QANO;;;;;WAA8B;QAC9C;;;;;WAAqD;QAOpD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAES,IAAI,EAAE;QACf,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAGD,IAAW,aAAa;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,UAAU;gBACd,OAAO,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YACtC,KAAK,MAAM;gBACV,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAClC,KAAK,QAAQ;gBACZ,OAAO,oBAAC,kBAAkB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,CAAA;YAC1C;gBACC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACnD,OAAO,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SAC3C;IACF,CAAC;IAIM,QAAQ,CAAC,EAAiB,EAAE,IAAY;;QAC9C,MAAA,IAAI,CAAC,UAAU,+CAAf,IAAI,EAAc,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;CACD;AAvCgB;IAAf,UAAU,CAAC,GAAG;oDAA+B;AAWpC;IAAT,QAAQ;+CAER;AAOD;IADC,QAAQ;0DAaR;AAID;IAFC,MAAM;qDAIN;AAGF,0CAA0C;AAC1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAW,CAAC,CAAC;AAElF,2DAA2D;AAC3D,MAAM,UAAU,QAAQ;IACvB,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACrC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { faFileAlt, faFolderTree, faFolders } from "@fortawesome/pro-light-svg-icons";
|
|
2
|
+
import { faFileAlt, faFolderTree, faFolders, faTags } from "@fortawesome/pro-light-svg-icons";
|
|
3
3
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import Icon from "../../Icon";
|
|
5
5
|
import classnames from "classnames";
|
|
@@ -14,6 +14,8 @@ const ViewIcons = (props) => {
|
|
|
14
14
|
React.createElement(FAIcon, { icon: faFolders })),
|
|
15
15
|
React.createElement(Icon, { title: "Tree View", border: false, active: frame.view === "tree", onClick: () => frame.navigate(null, "tree") },
|
|
16
16
|
React.createElement(FAIcon, { icon: faFolderTree })),
|
|
17
|
+
React.createElement(Icon, { title: "Tabbed View", border: false, active: frame.view === "tabbed", onClick: () => frame.navigate(null, "tabbed") },
|
|
18
|
+
React.createElement(FAIcon, { icon: faTags })),
|
|
17
19
|
props.children)));
|
|
18
20
|
};
|
|
19
21
|
export default ViewIcons;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewIcons.js","sourceRoot":"","sources":["../../../../src/components/ViewFrame/ViewFrameHeader/ViewIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"ViewIcons.js","sourceRoot":"","sources":["../../../../src/components/ViewFrame/ViewFrameHeader/ViewIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE9F,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAQ/C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,YAAY;QAC1B,oBAAC,IAAI,IACJ,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;YAE5E,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,mBAAmB,EAAE,CAAC,GAAI,CACrF;QACP,oBAAC,IAAI,IACJ,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,UAAU,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;YAE/C,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,GAAI,CACrB;QACP,oBAAC,IAAI,IACJ,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;YAE3C,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,CACxB;QACP,oBAAC,IAAI,IACJ,KAAK,EAAC,aAAa,EACnB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;YAE7C,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAClB;QACN,KAAK,CAAC,QAAQ,CACV,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|