@voplus/morpho-document 6.0.118 → 6.0.120
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/DocumentListView/DocumentListView2.js +14 -36
- package/es/components/DocumentListView/DocumentListView2.js.map +1 -1
- package/es/components/DocumentListView/DocumentTableList.d.ts +14 -0
- package/es/components/DocumentListView/DocumentTableList.js +108 -0
- package/es/components/DocumentListView/DocumentTableList.js.map +1 -0
- package/es/components/DocumentListView/index.less +4 -0
- package/es/components/ViewFrame/ViewFrameContext.d.ts +2 -0
- package/es/components/ViewFrame/ViewFrameContext.js +17 -6
- package/es/components/ViewFrame/ViewFrameContext.js.map +1 -1
- package/es/views/TreeView/index.d.ts +1 -0
- package/es/views/TreeView/index.js +21 -16
- package/es/views/TreeView/index.js.map +1 -1
- package/es/views/TreeView/index.less +25 -0
- package/package.json +1 -1
|
@@ -4,29 +4,26 @@ import { DocumentStatusFilter, FlagFilter } from "../../controls/filters";
|
|
|
4
4
|
import AddDropDown2 from "@voplus/morpho-ui/es/components/layout/ListView/controls/AddDropDown2";
|
|
5
5
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
6
6
|
import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
|
|
7
|
-
import React, { useMemo, useState
|
|
7
|
+
import React, { useMemo, useState } from "react";
|
|
8
8
|
import { observe, useAsideContentContext } from "@voplus/morpho-ui";
|
|
9
9
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
10
|
-
import { faList, faFolderTree } from "@fortawesome/pro-solid-svg-icons";
|
|
10
|
+
import { faList, faFolderTree, faTableColumns } from "@fortawesome/pro-solid-svg-icons";
|
|
11
11
|
import { toJS } from "mobx";
|
|
12
12
|
import { Button } from "antd";
|
|
13
13
|
import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
|
|
14
|
-
import
|
|
14
|
+
import DefaultDocumentItem from "../DocumentItem/DefaultDocumentItem";
|
|
15
|
+
import DocumentItemFrame from "../../controls/DocumentItemFrame";
|
|
16
|
+
import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
|
|
15
17
|
import NewDocumentForm from "../NewDocumentForm";
|
|
16
|
-
import Scrollbars from "react-custom-scrollbars-2";
|
|
17
18
|
import { State } from "./state";
|
|
18
19
|
import { useFrame } from "../ViewFrame/ViewFrameContext";
|
|
19
20
|
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
20
|
-
import TableCell, { columnsList } from "./TableCell";
|
|
21
21
|
const DocumentList = (props) => {
|
|
22
|
-
const ref = useRef(null);
|
|
23
22
|
const frame = useFrame();
|
|
24
|
-
frame.asideSpan = 12;
|
|
25
23
|
const documentStore = useDocumentStore();
|
|
26
24
|
const asideContext = useAsideContentContext();
|
|
27
25
|
const state = useMemo(() => new State(documentStore), [props.id]);
|
|
28
26
|
const [active, setActive] = useState(null);
|
|
29
|
-
const [height, setHeight] = useState(0);
|
|
30
27
|
/**当前要加载documentlist id*/
|
|
31
28
|
state.onBreadCrumb(state.id ? state.id : props.id);
|
|
32
29
|
/**把store 传给子级 DocumentItem*/
|
|
@@ -34,7 +31,7 @@ const DocumentList = (props) => {
|
|
|
34
31
|
/** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
35
32
|
const list = useCreateListDataState({
|
|
36
33
|
filterDefaults: {
|
|
37
|
-
includes: "tags,permissions
|
|
34
|
+
includes: "tags,permissions",
|
|
38
35
|
filters: (frame === null || frame === void 0 ? void 0 : frame.Exclude)
|
|
39
36
|
? [
|
|
40
37
|
{ c: "ParentNodeId", o: "=", l: "And", v1: state.id },
|
|
@@ -59,29 +56,6 @@ const DocumentList = (props) => {
|
|
|
59
56
|
useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
|
|
60
57
|
/** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
|
|
61
58
|
useAutoUpdateListData(list, (d) => d.parentId === state.id);
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
if (ref.current) {
|
|
64
|
-
setHeight(ref.current.offsetHeight);
|
|
65
|
-
}
|
|
66
|
-
}, [ref]);
|
|
67
|
-
const components = {
|
|
68
|
-
body: {
|
|
69
|
-
// row: DragTableRow,
|
|
70
|
-
cell: TableCell,
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
const columns = columnsList.map((col) => {
|
|
74
|
-
return {
|
|
75
|
-
...col,
|
|
76
|
-
onCell: (record, rowIndex) => {
|
|
77
|
-
return {
|
|
78
|
-
record,
|
|
79
|
-
dataIndex: col.dataIndex,
|
|
80
|
-
rowIndex: rowIndex,
|
|
81
|
-
};
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
});
|
|
85
59
|
return observe(() => (React.createElement(DocumentListContext.Provider, { value: listoptions },
|
|
86
60
|
React.createElement(ListDataContext.Provider, { value: list },
|
|
87
61
|
React.createElement("div", { className: "document-list-view" },
|
|
@@ -91,14 +65,18 @@ const DocumentList = (props) => {
|
|
|
91
65
|
{ label: "Name", value: "Name" },
|
|
92
66
|
{ label: "Create Date", value: "CreateDate" },
|
|
93
67
|
], rightExtra: () => (React.createElement(React.Fragment, null,
|
|
94
|
-
React.createElement(Button, { className: "table-view-btn", onClick: () => frame.navigate(null, "
|
|
68
|
+
frame.documentType === "Board" && (React.createElement(Button, { className: "table-view-btn", onClick: () => frame.navigate(null, "default") },
|
|
69
|
+
React.createElement(FAIcon, { icon: faTableColumns }))),
|
|
70
|
+
React.createElement(Button, { className: "table-view-btn current", onClick: () => frame.navigate(null, "explorer") },
|
|
95
71
|
React.createElement(FAIcon, { icon: faList })),
|
|
96
72
|
React.createElement(Button, { className: "tree-view-btn", onClick: () => frame.navigate(null, "tree") },
|
|
97
73
|
React.createElement(FAIcon, { icon: faFolderTree })),
|
|
98
74
|
React.createElement(AddDropDown2, { btnType: "text", onClick: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewDocumentForm, { parentId: state.id }), { span: 12 }) }))) })),
|
|
99
|
-
React.createElement(
|
|
100
|
-
|
|
101
|
-
|
|
75
|
+
React.createElement(ListView, { renderId: state.id, asideable: false, headerProps: { visible: false }, renderItem: ({ item }) => (React.createElement(DocumentItemFrame, { key: item.id, onClick: () => setActive(item.id), frameProps: {
|
|
76
|
+
active: active === item.id,
|
|
77
|
+
borderProps: { location: "right", color: "rgb(38, 135, 253)", size: "2px" },
|
|
78
|
+
} },
|
|
79
|
+
React.createElement(DefaultDocumentItem, { id: item.id }))), onItemDriveClick: (id) => console.log(id, "---id") }))))));
|
|
102
80
|
};
|
|
103
81
|
DocumentList.defaultProps = {
|
|
104
82
|
headerVisible: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentListView2.js","sourceRoot":"","sources":["../../../src/components/DocumentListView/DocumentListView2.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EACN,mBAAmB,EACnB,wBAAwB,GACxB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,YAAY,MAAM,uEAAuE,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAEN,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DocumentListView2.js","sourceRoot":"","sources":["../../../src/components/DocumentListView/DocumentListView2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React from "react";
|
|
3
|
+
/** 按新设计图修改的样式 */
|
|
4
|
+
declare const DocumentList: {
|
|
5
|
+
(props: {
|
|
6
|
+
id: string;
|
|
7
|
+
/** 是否显示头部，ExplorerView不需要显示头部 */
|
|
8
|
+
headerVisible?: boolean;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
defaultProps: {
|
|
11
|
+
headerVisible: boolean;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default DocumentList;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { DocumentListContext, DocumentListContextState, } from "../../data/contexts/DocumentListContext";
|
|
3
|
+
import { DocumentStatusFilter, FlagFilter } from "../../controls/filters";
|
|
4
|
+
import AddDropDown2 from "@voplus/morpho-ui/es/components/layout/ListView/controls/AddDropDown2";
|
|
5
|
+
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
6
|
+
import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
|
|
7
|
+
import React, { useMemo, useState, useRef, useEffect } from "react";
|
|
8
|
+
import { observe, useAsideContentContext } from "@voplus/morpho-ui";
|
|
9
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
10
|
+
import { faList, faFolderTree } from "@fortawesome/pro-solid-svg-icons";
|
|
11
|
+
import { toJS } from "mobx";
|
|
12
|
+
import { Button } from "antd";
|
|
13
|
+
import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
|
|
14
|
+
import TableListCard from "@voplus/morpho-ui/es/components/TableListCard";
|
|
15
|
+
import NewDocumentForm from "../NewDocumentForm";
|
|
16
|
+
import Scrollbars from "react-custom-scrollbars-2";
|
|
17
|
+
import { State } from "./state";
|
|
18
|
+
import { useFrame } from "../ViewFrame/ViewFrameContext";
|
|
19
|
+
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
20
|
+
import TableCell, { columnsList } from "./TableCell";
|
|
21
|
+
/** 按新设计图修改的样式 */
|
|
22
|
+
const DocumentList = (props) => {
|
|
23
|
+
const ref = useRef(null);
|
|
24
|
+
const frame = useFrame();
|
|
25
|
+
frame.asideSpan = 12;
|
|
26
|
+
const documentStore = useDocumentStore();
|
|
27
|
+
const asideContext = useAsideContentContext();
|
|
28
|
+
const state = useMemo(() => new State(documentStore), [props.id]);
|
|
29
|
+
const [active, setActive] = useState(null);
|
|
30
|
+
const [height, setHeight] = useState(0);
|
|
31
|
+
/**当前要加载documentlist id*/
|
|
32
|
+
state.onBreadCrumb(state.id ? state.id : props.id);
|
|
33
|
+
/**把store 传给子级 DocumentItem*/
|
|
34
|
+
const [listoptions] = useState(new DocumentListContextState());
|
|
35
|
+
/** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
36
|
+
const list = useCreateListDataState({
|
|
37
|
+
filterDefaults: {
|
|
38
|
+
includes: "tags,permissions,createdby",
|
|
39
|
+
filters: (frame === null || frame === void 0 ? void 0 : frame.Exclude)
|
|
40
|
+
? [
|
|
41
|
+
{ c: "ParentNodeId", o: "=", l: "And", v1: state.id },
|
|
42
|
+
{
|
|
43
|
+
c: "Type",
|
|
44
|
+
o: "!contains",
|
|
45
|
+
l: "And",
|
|
46
|
+
v1: toJS(JSON.stringify(frame === null || frame === void 0 ? void 0 : frame.Exclude)),
|
|
47
|
+
},
|
|
48
|
+
]
|
|
49
|
+
: [{ c: "ParentNodeId", o: "=", l: "And", v1: state.id }],
|
|
50
|
+
},
|
|
51
|
+
}, [props.id, frame === null || frame === void 0 ? void 0 : frame.Exclude]);
|
|
52
|
+
listoptions.onDriveClick = (id) => {
|
|
53
|
+
// runInAction(() => (state.id = id));
|
|
54
|
+
state.onBreadCrumb(id);
|
|
55
|
+
frame.navigate(id);
|
|
56
|
+
};
|
|
57
|
+
/** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
|
|
58
|
+
useRenderOnChange(() => [list.filters.options, state.id]);
|
|
59
|
+
/** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
|
|
60
|
+
useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
|
|
61
|
+
/** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
|
|
62
|
+
useAutoUpdateListData(list, (d) => d.parentId === state.id);
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
if (ref.current) {
|
|
65
|
+
setHeight(ref.current.offsetHeight);
|
|
66
|
+
}
|
|
67
|
+
}, [ref]);
|
|
68
|
+
const components = {
|
|
69
|
+
body: {
|
|
70
|
+
// row: DragTableRow,
|
|
71
|
+
cell: TableCell,
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
const columns = columnsList.map((col) => {
|
|
75
|
+
return {
|
|
76
|
+
...col,
|
|
77
|
+
onCell: (record, rowIndex) => {
|
|
78
|
+
return {
|
|
79
|
+
record,
|
|
80
|
+
dataIndex: col.dataIndex,
|
|
81
|
+
rowIndex: rowIndex,
|
|
82
|
+
};
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
});
|
|
86
|
+
return observe(() => (React.createElement(DocumentListContext.Provider, { value: listoptions },
|
|
87
|
+
React.createElement(ListDataContext.Provider, { value: list },
|
|
88
|
+
React.createElement("div", { className: "document-list-view" },
|
|
89
|
+
props.headerVisible && (React.createElement(ListHeaderTool, { addAble: false, filterViewProps: {
|
|
90
|
+
columns: [React.createElement(DocumentStatusFilter, { key: "Status" }), React.createElement(FlagFilter, { key: "Flag" })],
|
|
91
|
+
}, sortOptions: [
|
|
92
|
+
{ label: "Name", value: "Name" },
|
|
93
|
+
{ label: "Create Date", value: "CreateDate" },
|
|
94
|
+
], rightExtra: () => (React.createElement(React.Fragment, null,
|
|
95
|
+
React.createElement(Button, { className: "table-view-btn", onClick: () => frame.navigate(null, "tabbed") },
|
|
96
|
+
React.createElement(FAIcon, { icon: faList })),
|
|
97
|
+
React.createElement(Button, { className: "tree-view-btn", onClick: () => frame.navigate(null, "tree") },
|
|
98
|
+
React.createElement(FAIcon, { icon: faFolderTree })),
|
|
99
|
+
React.createElement(AddDropDown2, { btnType: "text", onClick: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewDocumentForm, { parentId: state.id }), { span: 12 }) }))) })),
|
|
100
|
+
React.createElement("div", { ref: ref, className: "document-table-list" },
|
|
101
|
+
React.createElement(Scrollbars, { autoHide: true },
|
|
102
|
+
React.createElement(TableListCard, { tableListProps: { columns: columns, components: components, scrollH: height - 90 } }))))))));
|
|
103
|
+
};
|
|
104
|
+
DocumentList.defaultProps = {
|
|
105
|
+
headerVisible: true,
|
|
106
|
+
};
|
|
107
|
+
export default DocumentList;
|
|
108
|
+
//# sourceMappingURL=DocumentTableList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocumentTableList.js","sourceRoot":"","sources":["../../../src/components/DocumentListView/DocumentTableList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,8 @@ export declare class ViewFrameContextState {
|
|
|
17
17
|
asideSpan?: number;
|
|
18
18
|
/** */
|
|
19
19
|
header?: "ViewFrameHeader" | "PathHeader" | "PageHeader" | JSX.Element | null;
|
|
20
|
+
/** 记录 文件 type */
|
|
21
|
+
documentType: string;
|
|
20
22
|
private onNavigate?;
|
|
21
23
|
constructor(metas: IDocumentMetaStore, document: IDocument, _view?: IView | undefined, type?: string | undefined, exclude?: string[] | undefined, disabled?: string[] | undefined);
|
|
22
24
|
get id(): string;
|
|
@@ -10,6 +10,7 @@ import ExplorerView from "../../views/ExplorerView/ExplorerView2";
|
|
|
10
10
|
import TreeView from "../../views/TreeView";
|
|
11
11
|
export class ViewFrameContextState {
|
|
12
12
|
constructor(metas, document, _view, type, exclude, disabled) {
|
|
13
|
+
var _a;
|
|
13
14
|
Object.defineProperty(this, "metas", {
|
|
14
15
|
enumerable: true,
|
|
15
16
|
configurable: true,
|
|
@@ -85,6 +86,13 @@ export class ViewFrameContextState {
|
|
|
85
86
|
writable: true,
|
|
86
87
|
value: "ViewFrameHeader"
|
|
87
88
|
});
|
|
89
|
+
/** 记录 文件 type */
|
|
90
|
+
Object.defineProperty(this, "documentType", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
configurable: true,
|
|
93
|
+
writable: true,
|
|
94
|
+
value: void 0
|
|
95
|
+
});
|
|
88
96
|
Object.defineProperty(this, "onNavigate", {
|
|
89
97
|
enumerable: true,
|
|
90
98
|
configurable: true,
|
|
@@ -94,6 +102,7 @@ export class ViewFrameContextState {
|
|
|
94
102
|
makeObservable(this);
|
|
95
103
|
this.Exclude = this.exclude;
|
|
96
104
|
this.disabledIcon = this.disabled;
|
|
105
|
+
this.documentType = (_a = this.type) !== null && _a !== void 0 ? _a : this.document.type;
|
|
97
106
|
}
|
|
98
107
|
get id() {
|
|
99
108
|
return this.document.id;
|
|
@@ -102,20 +111,19 @@ export class ViewFrameContextState {
|
|
|
102
111
|
return this._view;
|
|
103
112
|
}
|
|
104
113
|
get ViewComponent() {
|
|
105
|
-
var _a, _b;
|
|
106
114
|
switch (this.view) {
|
|
107
115
|
case "explorer":
|
|
108
|
-
this.header = "PathHeader";
|
|
116
|
+
this.header = this.documentType ? "PathHeader" : "PageHeader";
|
|
109
117
|
return React.createElement(ExplorerView, { id: this.id });
|
|
110
118
|
case "tree":
|
|
111
|
-
this.header = "PathHeader";
|
|
119
|
+
this.header = this.documentType ? "PathHeader" : "PageHeader";
|
|
112
120
|
return React.createElement(TreeView, { id: this.id });
|
|
113
121
|
case "tabbed":
|
|
114
|
-
this.header = "PathHeader";
|
|
122
|
+
this.header = this.documentType ? "PathHeader" : "PageHeader";
|
|
115
123
|
return React.createElement(DocumentTabbedView, { id: this.id });
|
|
116
124
|
default:
|
|
117
|
-
const v = this.metas.getDefaultView({ id: this.id, type:
|
|
118
|
-
if (
|
|
125
|
+
const v = this.metas.getDefaultView({ id: this.id, type: this.documentType });
|
|
126
|
+
if (this.documentType) {
|
|
119
127
|
this.header = v ? "ViewFrameHeader" : "PathHeader";
|
|
120
128
|
}
|
|
121
129
|
else {
|
|
@@ -162,6 +170,9 @@ __decorate([
|
|
|
162
170
|
__decorate([
|
|
163
171
|
observable
|
|
164
172
|
], ViewFrameContextState.prototype, "header", void 0);
|
|
173
|
+
__decorate([
|
|
174
|
+
observable
|
|
175
|
+
], ViewFrameContextState.prototype, "documentType", void 0);
|
|
165
176
|
__decorate([
|
|
166
177
|
computed
|
|
167
178
|
], ViewFrameContextState.prototype, "id", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAI5C,MAAM,OAAO,qBAAqB;
|
|
1
|
+
{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
2
|
+
import { Button } from "antd";
|
|
3
|
+
import React, { useState } from "react";
|
|
3
4
|
import { observe, useAsideContentContext } from "@voplus/morpho-ui";
|
|
5
|
+
import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
|
|
4
6
|
import DocumentSortableTree from "../../components/DocumentSortableTree";
|
|
5
7
|
import { DocumentTypeFilter } from "../../controls/filters";
|
|
6
|
-
import
|
|
8
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
9
|
+
import { faList, faFolderTree } from "@fortawesome/pro-solid-svg-icons";
|
|
7
10
|
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
8
11
|
import { State } from "./state";
|
|
9
12
|
import { runInAction } from "mobx";
|
|
13
|
+
import "./index.less";
|
|
10
14
|
import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
|
|
11
15
|
const TreeView = (props) => {
|
|
12
16
|
const frame = useFrame();
|
|
@@ -14,23 +18,24 @@ const TreeView = (props) => {
|
|
|
14
18
|
const [state] = useState(new State());
|
|
15
19
|
/** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
|
|
16
20
|
const list = useCreateListDataState({}, [props.id]);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
React.createElement(
|
|
20
|
-
|
|
21
|
-
/** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
|
|
21
|
+
return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
22
|
+
React.createElement("div", { className: "document-tree-view" },
|
|
23
|
+
React.createElement(ListHeaderTool, { addAble: false, sortable: false, filterViewProps: {
|
|
24
|
+
columns: [React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" })],
|
|
22
25
|
onFilter: (c) => {
|
|
23
26
|
c.filter();
|
|
24
|
-
runInAction(() => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
});
|
|
28
|
-
}, onReset: (c) => {
|
|
27
|
+
runInAction(() => { var _a; return (state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter((item) => item.c === "Type")[0]); });
|
|
28
|
+
},
|
|
29
|
+
onReset: (c) => {
|
|
29
30
|
c.reset();
|
|
30
31
|
runInAction(() => (state.filterType = undefined));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
},
|
|
33
|
+
}, rightExtra: () => (React.createElement(React.Fragment, null,
|
|
34
|
+
React.createElement(Button, { className: "table-view-btn", onClick: () => frame.navigate(null, "explorer") },
|
|
35
|
+
React.createElement(FAIcon, { icon: faList })),
|
|
36
|
+
React.createElement(Button, { className: "tree-view-btn current", onClick: () => frame.navigate(null, "tree") },
|
|
37
|
+
React.createElement(FAIcon, { icon: faFolderTree })))) }),
|
|
38
|
+
React.createElement(DocumentSortableTree, { id: props.id, defaultRoot: true, exclude: frame === null || frame === void 0 ? void 0 : frame.Exclude, filterType: state.filterType, isAside: state.isAside, onDocumentSelected: onDocumentSelected })))));
|
|
34
39
|
function onDocumentSelected(id) {
|
|
35
40
|
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(DocumentPropertiesView, { id: id }), { span: 12 });
|
|
36
41
|
runInAction(() => (state.isAside = true));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/TreeView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/TreeView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.document-tree-view {
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
.list-view-header-tool {
|
|
7
|
+
padding: 0 20px 20px;
|
|
8
|
+
.tree-view-btn,
|
|
9
|
+
.table-view-btn {
|
|
10
|
+
color: #868686;
|
|
11
|
+
border: 1px solid #868686;
|
|
12
|
+
padding: 0 10px;
|
|
13
|
+
margin-left: 10px;
|
|
14
|
+
&.current {
|
|
15
|
+
color: #217eb2;
|
|
16
|
+
border-color: #217eb2;
|
|
17
|
+
}
|
|
18
|
+
&:hover {
|
|
19
|
+
color: #217eb2;
|
|
20
|
+
border-color: #217eb2;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|