@voplus/morpho-document 1.0.0-dev188 → 1.0.0-dev190-antd4
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/changelog.md +10 -0
- package/es/components/ActivityLog/index.js +2 -2
- package/es/components/ActivityLog/index.js.map +1 -1
- package/es/components/ActivityLog/state.js.map +1 -1
- package/es/components/AdvanceSearch/index.js +1 -1
- package/es/components/AdvanceSearch/index.js.map +1 -1
- package/es/components/AvatarList/index.js +7 -6
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/DocumentHeader/index.js +2 -2
- package/es/components/DocumentHeader/index.js.map +1 -1
- package/es/components/DocumentHeader/index.less +2 -0
- package/es/components/DocumentIconView/index.js +5 -3
- package/es/components/DocumentIconView/index.js.map +1 -1
- package/es/components/DocumentIconView/index.less +4 -0
- package/es/components/DocumentItem/index.d.ts +1 -6
- package/es/components/DocumentItem/index.js +6 -11
- package/es/components/DocumentItem/index.js.map +1 -1
- package/es/components/DocumentItem/index.less +6 -2
- package/es/components/DocumentList/index.js +4 -3
- package/es/components/DocumentList/index.js.map +1 -1
- package/es/components/DocumentList/index.less +13 -8
- package/es/components/DocumentListView/index.js +1 -1
- package/es/components/DocumentListView/index.js.map +1 -1
- package/es/components/DocumentMenu/state.d.ts +1 -1
- package/es/components/DocumentName/index.d.ts +20 -11
- package/es/components/DocumentName/index.js +11 -4
- package/es/components/DocumentName/index.js.map +1 -1
- package/es/components/DocumentSortableTree/index.js +15 -7
- package/es/components/DocumentSortableTree/index.js.map +1 -1
- package/es/components/DocumentTree/index.js +36 -25
- package/es/components/DocumentTree/index.js.map +1 -1
- package/es/components/DocumentTree/state.d.ts +8 -1
- package/es/components/DocumentTree/state.js +40 -6
- package/es/components/DocumentTree/state.js.map +1 -1
- package/es/components/FileViewer/Preview.js +7 -6
- package/es/components/FileViewer/Preview.js.map +1 -1
- package/es/components/Links/Item.js +4 -11
- package/es/components/Links/Item.js.map +1 -1
- package/es/components/Links/index.js +3 -2
- package/es/components/Links/index.js.map +1 -1
- package/es/components/NewDocumentForm/index.js +2 -2
- package/es/components/NewDocumentForm/index.js.map +1 -1
- package/es/components/NewDocumentForm/index.less +4 -0
- package/es/components/PeopleAccess/NewAccessSelector.d.ts +1 -1
- package/es/components/PeopleAccess/NewAccessSelector.js +11 -10
- package/es/components/PeopleAccess/NewAccessSelector.js.map +1 -1
- package/es/components/PeopleAccess/RoleSelector.js +10 -9
- package/es/components/PeopleAccess/RoleSelector.js.map +1 -1
- package/es/components/PublishModal/index.js +2 -2
- package/es/components/PublishModal/index.js.map +1 -1
- package/es/components/SortableTreeDocumentTheme/node-content-renderer.less +1 -0
- package/es/components/TagView/index.js +37 -15
- package/es/components/TagView/index.js.map +1 -1
- package/es/components/TagView/index.less +1 -0
- package/es/components/TagView/state.d.ts +1 -1
- package/es/components/TagView/state.js +2 -2
- package/es/components/TagView/state.js.map +1 -1
- package/es/components/VersionsModal/index.js +1 -3
- package/es/components/VersionsModal/index.js.map +1 -1
- package/es/components/helper.d.ts +2 -1
- package/es/components/helper.js +8 -6
- package/es/components/helper.js.map +1 -1
- package/es/controls/TimeLog/index.d.ts +1 -1
- package/es/controls/TimeLog/index.js +3 -3
- package/es/controls/TimeLog/index.js.map +1 -1
- package/es/controls/TimeLog/index.less +4 -0
- package/es/controls/ToolBar/state.d.ts +1 -1
- package/es/data/DocumentStore/hooks/document-events/useOnNewDocument.js.map +1 -1
- package/package.json +9 -7
|
@@ -10,22 +10,29 @@ import styles from "./index.less";
|
|
|
10
10
|
import { useObserver } from "mobx-react-lite";
|
|
11
11
|
const DocumentName = (props) => {
|
|
12
12
|
const metas = useMetaStore();
|
|
13
|
-
const { includes, showTags, showIcon, editable, name } = props;
|
|
13
|
+
const { includes, showTags, showIcon, editable, name, quickView, status } = props;
|
|
14
14
|
const doc = useDocument(props.id, { includes: includes });
|
|
15
15
|
const [visibleQuickView, setVisibleQuickView] = useState(false);
|
|
16
16
|
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
17
17
|
React.createElement("div", { className: classnames(styles["document-name"], props.className) },
|
|
18
18
|
showIcon && (React.createElement("div", { className: "file-type" }, doc.loaded || doc.type ? metas.getIcon(doc) : null)),
|
|
19
|
-
editable ? (React.createElement(Input.TextArea, {
|
|
20
|
-
doc.status === "Draft" && React.createElement("span", { className: "file-draft" }, "draft"),
|
|
21
|
-
doc.status === "Readonly" && React.createElement(FAIcon, { className: "file-readonly", icon: faLock }),
|
|
19
|
+
editable ? (React.createElement(Input.TextArea, { autoSize: true, autoFocus: true, value: name, onChange: e => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e); } })) : (React.createElement("div", { className: "file-name", onClick: onQuickView }, doc.name)),
|
|
20
|
+
status && doc.status === "Draft" && React.createElement("span", { className: "file-draft" }, "draft"),
|
|
21
|
+
status && doc.status === "Readonly" && React.createElement(FAIcon, { className: "file-readonly", icon: faLock }),
|
|
22
22
|
showTags && React.createElement(TagView, { id: props.id, tags: doc.tags, editable: !doc.readonly })),
|
|
23
23
|
visibleQuickView && (React.createElement(DocumentQuickViewDialog, { id: doc.id, doc: doc, visible: true, onCancel: onQuickView })))));
|
|
24
24
|
function onQuickView() {
|
|
25
25
|
var _a;
|
|
26
|
+
if (!quickView)
|
|
27
|
+
return;
|
|
26
28
|
setVisibleQuickView(!visibleQuickView);
|
|
27
29
|
(_a = props.onChangeDisabled) === null || _a === void 0 ? void 0 : _a.call(props, !visibleQuickView);
|
|
28
30
|
}
|
|
29
31
|
};
|
|
32
|
+
DocumentName.defaultProps = {
|
|
33
|
+
status: true,
|
|
34
|
+
showTags: true,
|
|
35
|
+
quickView: true
|
|
36
|
+
};
|
|
30
37
|
export default DocumentName;
|
|
31
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentName/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentName/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,27 +2,30 @@ import { DocumentListContext, DocumentListContextState } from "../../data/contex
|
|
|
2
2
|
import { State } from "./state";
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { useDocument, useDocumentListEffect, useDocumentStore } from "../../data";
|
|
5
|
+
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
6
|
+
import PropertiesView from "../PropertiesView";
|
|
7
|
+
import { Scrollbars } from "react-custom-scrollbars";
|
|
5
8
|
import SortableTree from "react-sortable-tree";
|
|
6
9
|
import SortableTreeDocumentTheme from "../SortableTreeDocumentTheme";
|
|
7
10
|
import { useObserver } from "mobx-react-lite";
|
|
8
11
|
const DocumentSortableTree = (props) => {
|
|
9
12
|
const store = useDocumentStore();
|
|
10
13
|
const [state] = useState(new State(store));
|
|
14
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
11
15
|
state.exclude = props.exclude || [];
|
|
12
16
|
state.include = props.include || [];
|
|
13
17
|
/**把store 传给子级 DocumentItem*/
|
|
14
18
|
const [listoptions] = useState(new DocumentListContextState());
|
|
15
|
-
listoptions.onDocumentSelected =
|
|
19
|
+
listoptions.onDocumentSelected = onDocumentSelected;
|
|
16
20
|
/** 根文件 */
|
|
17
21
|
const root = useDocument(props.id);
|
|
18
22
|
useObserver(() => {
|
|
19
23
|
if (root.loaded && !state.treeData.length) {
|
|
20
|
-
console.log("root---");
|
|
21
|
-
state.treeData = [root];
|
|
22
24
|
if (root.documents > 0) {
|
|
23
|
-
|
|
25
|
+
root.children = state.treeChildren;
|
|
24
26
|
}
|
|
25
27
|
root.loaded = false;
|
|
28
|
+
state.treeData = [{ ...root }];
|
|
26
29
|
}
|
|
27
30
|
});
|
|
28
31
|
useDocumentListEffect(state.effect, {
|
|
@@ -30,9 +33,14 @@ const DocumentSortableTree = (props) => {
|
|
|
30
33
|
});
|
|
31
34
|
/** isVirtualized={false} 可以解决滚动时,重新渲染DocumentItem组件
|
|
32
35
|
* 设置为false可禁用虚拟化。默认为true。注意:拖动时自动滚动以及滚动到searchFocusOffset都将被禁用。*/
|
|
33
|
-
return useObserver(() => (React.createElement(
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
+
return useObserver(() => (React.createElement(AsideContent, { context: asideContext },
|
|
37
|
+
React.createElement(Scrollbars, { autoHide: true },
|
|
38
|
+
React.createElement(DocumentListContext.Provider, { value: listoptions },
|
|
39
|
+
React.createElement(SortableTree, { isVirtualized: false, treeData: state.treeData, onChange: (val) => state.updateTreeData(val), getNodeKey: ({ node }) => node.id, onVisibilityToggle: (val) => state.onVisibilityToggle(val), onMoveNode: (val) => state.onMoveNode(val), canDrop: ({ nextPath }) => ((nextPath === null || nextPath === void 0 ? void 0 : nextPath.length) > 1 ? true : false), canNodeHaveChildren: (node) => state.toHaveChildren(node), theme: SortableTreeDocumentTheme }))))));
|
|
40
|
+
function onDocumentSelected(id) {
|
|
41
|
+
asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
|
|
42
|
+
props.onDocumentSelected;
|
|
43
|
+
}
|
|
36
44
|
};
|
|
37
45
|
export default DocumentSortableTree;
|
|
38
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentSortableTree/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,mBAAmB,EACnB,wBAAwB,EACxB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAA6B,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAElF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IACpC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,6BAA6B;IAC7B,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,wBAAwB,EAAE,CAAC,CAAC;IAC/D,WAAW,CAAC,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentSortableTree/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,42 +8,53 @@ import styles from "./index.less";
|
|
|
8
8
|
import { useDocumentListEffect } from "../../data";
|
|
9
9
|
import { useObserver } from "mobx-react-lite";
|
|
10
10
|
const DocumentTree = (props) => {
|
|
11
|
-
const { TreeNode } = Tree;
|
|
12
11
|
const [state] = useState(new State());
|
|
13
12
|
const [rootId, setRootId] = useState(DefaultFolders.DriveId); //加载时的id
|
|
14
13
|
state.props = props;
|
|
14
|
+
const [treeData, setTreeData] = useState(state.initTreeDate);
|
|
15
15
|
useDocumentListEffect(list => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
const docList = list || [];
|
|
17
|
+
docList.map((item) => {
|
|
18
|
+
item.title = item.name;
|
|
19
|
+
item.key = item.id;
|
|
20
|
+
item.isLeaf = item.documents === 0;
|
|
21
|
+
});
|
|
22
|
+
setTreeData(origin => updateTreeData(origin, rootId, docList));
|
|
23
23
|
}, {
|
|
24
24
|
Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: rootId }]
|
|
25
25
|
});
|
|
26
26
|
/**异步加载数据*/
|
|
27
|
-
const onLoadData = (treeNode) =>
|
|
28
|
-
|
|
27
|
+
const onLoadData = (treeNode) => {
|
|
28
|
+
return new Promise(resolve => {
|
|
29
|
+
if (treeNode.children) {
|
|
30
|
+
resolve();
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
setRootId(treeNode.key);
|
|
29
34
|
resolve();
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
// It's just a simple demo. You can use tree map to optimize update perf.
|
|
38
|
+
function updateTreeData(list, key, children) {
|
|
39
|
+
return list.map(node => {
|
|
40
|
+
if (node.key === key) {
|
|
41
|
+
return {
|
|
42
|
+
...node,
|
|
43
|
+
children
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
else if (node.children) {
|
|
47
|
+
return {
|
|
48
|
+
...node,
|
|
49
|
+
children: updateTreeData(node.children, key, children)
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
return node;
|
|
53
|
+
});
|
|
54
|
+
}
|
|
42
55
|
return useObserver(() => (React.createElement(Scrollbars, null,
|
|
43
56
|
React.createElement("div", { className: classnames(styles["document-tree"], props.className) },
|
|
44
|
-
React.createElement(Tree, { showLine: true, loadData: onLoadData, onSelect: (selectedKeys, params) => state.onSelect(selectedKeys, params), onExpand: (expandedKeys, params) => state.onExpand(expandedKeys, params), expandedKeys: state.expandedKeys }
|
|
45
|
-
React.createElement(TreeNode, { key: "all-document", isLeaf: true, title: "All Document" }),
|
|
46
|
-
React.createElement(TreeNode, { key: DefaultFolders.DriveId, title: "Drive" }, renderTreeNodes(state.treeData)))))));
|
|
57
|
+
React.createElement(Tree, { showLine: true, loadData: onLoadData, treeData: treeData, onSelect: (selectedKeys, params) => state.onSelect(selectedKeys, params), onExpand: (expandedKeys, params) => state.onExpand(expandedKeys, params), expandedKeys: state.expandedKeys })))));
|
|
47
58
|
};
|
|
48
59
|
export default DocumentTree;
|
|
49
60
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTree/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTree/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,16 @@ export declare type DocumentTreeProps = {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
onExpand?: (params?: any) => void;
|
|
5
5
|
};
|
|
6
|
+
export interface DataNode extends IDocument {
|
|
7
|
+
title: string;
|
|
8
|
+
key: string;
|
|
9
|
+
isLeaf?: boolean;
|
|
10
|
+
children?: DataNode[];
|
|
11
|
+
}
|
|
6
12
|
export declare class State {
|
|
7
13
|
props: DocumentTreeProps;
|
|
8
|
-
treeData:
|
|
14
|
+
treeData: DataNode[];
|
|
15
|
+
initTreeDate: DataNode[];
|
|
9
16
|
/** Click the current element at load time */
|
|
10
17
|
treeNodeChildren: any;
|
|
11
18
|
/** (controlled) expand the specified tree node */
|
|
@@ -1,8 +1,41 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, observable } from "mobx";
|
|
3
|
+
import { DefaultFolders } from "../../data/DefaultFolders";
|
|
4
|
+
const initTreeDate = [
|
|
5
|
+
{
|
|
6
|
+
title: "All Document",
|
|
7
|
+
key: "all-document",
|
|
8
|
+
isLeaf: true,
|
|
9
|
+
id: "0-1",
|
|
10
|
+
name: "All Document",
|
|
11
|
+
documents: 1,
|
|
12
|
+
sequence: 0,
|
|
13
|
+
type: "Document",
|
|
14
|
+
flag: "None",
|
|
15
|
+
isSupportVersions: false,
|
|
16
|
+
readonly: false,
|
|
17
|
+
system: false,
|
|
18
|
+
createDate: new Date()
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
title: "Drive",
|
|
22
|
+
key: DefaultFolders.DriveId,
|
|
23
|
+
id: DefaultFolders.DriveId,
|
|
24
|
+
name: "Drive",
|
|
25
|
+
documents: 1,
|
|
26
|
+
sequence: 0,
|
|
27
|
+
type: "Document",
|
|
28
|
+
flag: "None",
|
|
29
|
+
isSupportVersions: false,
|
|
30
|
+
readonly: false,
|
|
31
|
+
system: false,
|
|
32
|
+
createDate: new Date()
|
|
33
|
+
}
|
|
34
|
+
];
|
|
3
35
|
export class State {
|
|
4
36
|
constructor() {
|
|
5
|
-
this.treeData =
|
|
37
|
+
this.treeData = initTreeDate;
|
|
38
|
+
this.initTreeDate = initTreeDate;
|
|
6
39
|
/** (controlled) expand the specified tree node */
|
|
7
40
|
this.expandedKeys = [];
|
|
8
41
|
/** (controlled) set the selected tree node */
|
|
@@ -23,7 +56,7 @@ export class State {
|
|
|
23
56
|
}
|
|
24
57
|
/**展开/收起节点时触发*/
|
|
25
58
|
onExpand(expandedKeys, { expanded, node }) {
|
|
26
|
-
this.props.onExpand(node.
|
|
59
|
+
this.props.onExpand(node.key);
|
|
27
60
|
//展开的状态
|
|
28
61
|
if (expanded) {
|
|
29
62
|
this.expandedKeys = expandedKeys;
|
|
@@ -40,10 +73,8 @@ export class State {
|
|
|
40
73
|
}
|
|
41
74
|
/*点击树节点触发*/
|
|
42
75
|
onSelect(selectedKeys, { selected, selectedNodes, node, event }) {
|
|
43
|
-
node.
|
|
44
|
-
|
|
45
|
-
: this.props.onExpand(node.props.eventKey);
|
|
46
|
-
if (node.props.eventKey !== "all-document" && !node.props.isLeaf) {
|
|
76
|
+
node.key === "all-document" ? this.props.onExpand([""]) : this.props.onExpand(node.key);
|
|
77
|
+
if (node.key !== "all-document" && !node.isLeaf) {
|
|
47
78
|
//选中的状态
|
|
48
79
|
const selectedKey = selected ? selectedKeys : this.selectedKeys;
|
|
49
80
|
if (!selectedKey.length)
|
|
@@ -70,6 +101,9 @@ __decorate([
|
|
|
70
101
|
__decorate([
|
|
71
102
|
observable
|
|
72
103
|
], State.prototype, "treeData", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
observable
|
|
106
|
+
], State.prototype, "initTreeDate", void 0);
|
|
73
107
|
__decorate([
|
|
74
108
|
observable
|
|
75
109
|
], State.prototype, "treeNodeChildren", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentTree/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentTree/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { Button, Modal } from "@voplus/antd";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import { CloseOutlined, DownloadOutlined } from "@ant-design/icons";
|
|
3
|
+
import FileViewer from "./FileViewer";
|
|
4
4
|
import React from "react";
|
|
5
|
-
import {
|
|
5
|
+
import { saveAs } from "file-saver";
|
|
6
6
|
import { useFile } from "../../data/FileStore/hooks";
|
|
7
|
-
import
|
|
7
|
+
import { useFileStore } from "../../data/FileStore/FileStore";
|
|
8
|
+
import { useObserver } from "mobx-react-lite";
|
|
8
9
|
const FilePreview = (props) => {
|
|
9
10
|
const store = useFileStore();
|
|
10
11
|
const file = useFile(props.id);
|
|
@@ -21,8 +22,8 @@ const FilePreview = (props) => {
|
|
|
21
22
|
return useObserver(() => (React.createElement(Modal, { visible: props.visible, destroyOnClose: true, title: file ? (React.createElement("div", { style: { display: "flex", justifyContent: "space-between" } },
|
|
22
23
|
React.createElement("div", null, file.name),
|
|
23
24
|
React.createElement("div", null,
|
|
24
|
-
React.createElement(Button, { icon:
|
|
25
|
-
React.createElement(Button, { style: { marginLeft: "10px" }, icon:
|
|
25
|
+
React.createElement(Button, { icon: React.createElement(DownloadOutlined, null), onClick: download }),
|
|
26
|
+
React.createElement(Button, { style: { marginLeft: "10px" }, icon: React.createElement(CloseOutlined, null), onClick: props.onClose })))) : ("File not found"), closable: false, footer: null, width: 800, onCancel: props.onClose }, file.loaded ? React.createElement(FileViewer, { id: props.id, style: { height: "70vh" } }) : "File not found")));
|
|
26
27
|
};
|
|
27
28
|
export default FilePreview;
|
|
28
29
|
//# sourceMappingURL=Preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,GAAG,CAAC,KAAuD,EAAE,EAAE;IAC/E,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAU,EAAE,EAAE;YAC5C,IAAI,IAAI,EAAE;gBACT,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,IAAI,GAAG,EAAE;oBACR,MAAM,CAAC,GAAG,CAAC,CAAC;iBACZ;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,cAAc,EAAE,IAAI,EACpB,KAAK,EACJ,IAAI,CAAC,CAAC,CAAC,CACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE;YAC/D,iCAAM,IAAI,CAAC,IAAI,CAAO;YACtB;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,gBAAgB,OAAG,EAAE,OAAO,EAAE,QAAQ,GAAI;gBACzD,oBAAC,MAAM,IACN,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,GACrB,CAIG,CACD,CACN,CAAC,CAAC,CAAC,CACH,gBAAgB,CAChB,EAEF,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,OAAO,IAEtB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,gBAAgB,CAClF,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
|
-
import { DocumentType, useDocument
|
|
2
|
+
import { DocumentType, useDocument } from "../../data";
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { faCalendarDay, faCommentDots, faFile, faPaperclip } from "@fortawesome/pro-light-svg-icons";
|
|
5
5
|
import { Checkbox } from "@voplus/antd";
|
|
6
|
+
import DocumentQuickViewDialog from "../DocumentQuickViewDialog";
|
|
6
7
|
import DocumentStatusLabel from "../../controls/DocumentStatusLabel";
|
|
7
8
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
9
|
import FlagIcon from "../../controls/FlagIcon";
|
|
@@ -13,7 +14,6 @@ import { useObserver } from "mobx-react-lite";
|
|
|
13
14
|
const Item = (props) => {
|
|
14
15
|
const { id, type, multiple, onRemove } = props;
|
|
15
16
|
const document = useDocument(id, { reload: false });
|
|
16
|
-
const metas = useMetaStore();
|
|
17
17
|
const [state] = useState(new State());
|
|
18
18
|
// route of document type detail
|
|
19
19
|
const getRouteByType = (type) => {
|
|
@@ -60,17 +60,10 @@ const Item = (props) => {
|
|
|
60
60
|
React.createElement("div", { onClick: () => (state.quickViewVisible = true) }, document.name),
|
|
61
61
|
iconList))))),
|
|
62
62
|
React.createElement("div", { className: "hover-operate-icon" },
|
|
63
|
-
React.createElement(ToolBar, { id: props.id, size: "
|
|
63
|
+
React.createElement(ToolBar, { id: props.id, size: "middle", url: `${getRouteByType(document.type)}/${props.id}`,
|
|
64
64
|
// hoverDel={true}
|
|
65
65
|
more: false, onDelete: onRemove })),
|
|
66
|
-
document.
|
|
67
|
-
state.quickViewVisible &&
|
|
68
|
-
metas.getQuickView(document, {
|
|
69
|
-
id: document.id,
|
|
70
|
-
type: document.type,
|
|
71
|
-
visible: state.quickViewVisible,
|
|
72
|
-
onCancel: () => (state.quickViewVisible = false)
|
|
73
|
-
}))));
|
|
66
|
+
React.createElement(DocumentQuickViewDialog, { id: document.id, doc: document, visible: state.quickViewVisible, onCancel: () => (state.quickViewVisible = false) }))));
|
|
74
67
|
};
|
|
75
68
|
export default Item;
|
|
76
69
|
//# sourceMappingURL=Item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Links/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAa,WAAW,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Links/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Button, Checkbox, Empty,
|
|
1
|
+
import { Button, Checkbox, Empty, Spin } from "@voplus/antd";
|
|
2
2
|
import { useDocumentLinkListEffect, useDocumentStore } from "../../data";
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { faCheckSquare, faPlus } from "@fortawesome/pro-light-svg-icons";
|
|
5
5
|
import DocumentSelectDialog from "../DocumentSelectDialog";
|
|
6
6
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
7
7
|
import Item from "./Item";
|
|
8
|
+
import { LoadingOutlined } from "@ant-design/icons";
|
|
8
9
|
import Scrollbars from "react-custom-scrollbars";
|
|
9
10
|
import { State } from "./state";
|
|
10
11
|
import styles from "./index.less";
|
|
@@ -31,7 +32,7 @@ const Links = (props) => {
|
|
|
31
32
|
state.links = [];
|
|
32
33
|
}, [id]);
|
|
33
34
|
return useObserver(() => state.loading ? (React.createElement("div", { className: styles["reference-view"] },
|
|
34
|
-
React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(
|
|
35
|
+
React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { className: "padding-top-10" }) }))) : (React.createElement("div", { className: styles["reference-view"] },
|
|
35
36
|
React.createElement("div", { className: "reference-header" }, !state.multiple ? (React.createElement("div", { className: "multiple-remove", onClick: () => (state.multiple = true) },
|
|
36
37
|
React.createElement(Button, { type: "link" },
|
|
37
38
|
React.createElement(FAIcon, { icon: faCheckSquare })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAY,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Links/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button, Form, Input,
|
|
1
|
+
import { Button, Form, Input, Select, Spin } from "@voplus/antd";
|
|
2
2
|
import React, { useEffect, useState } from "react";
|
|
3
3
|
import { State } from "./state";
|
|
4
4
|
import classnames from "classnames";
|
|
@@ -36,7 +36,7 @@ const NewDocumentForm = (props) => {
|
|
|
36
36
|
React.createElement(Option, { value: "dashboard" }, "Dashboard")),
|
|
37
37
|
React.createElement(Input, { autoFocus: true, value: state.params.name, placeholder: `Add a ${state.params.type === "document" ? "folder" : state.params.type} for this document`, onChange: e => (state.params.name = e.target.value) }))),
|
|
38
38
|
React.createElement(Form.Item, null,
|
|
39
|
-
React.createElement(
|
|
39
|
+
React.createElement("div", { className: "form-buttom margin-top-10" },
|
|
40
40
|
React.createElement(Button, { type: "danger", ghost: true, onClick: onCancel }, "Cancel"),
|
|
41
41
|
React.createElement(Button, { type: "primary", loading: !!state.loading, className: "margin-left-15", onClick: () => state.onSubmit(documents) }, "Submit")))))))));
|
|
42
42
|
/** cancel NewDocumentForm page */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NewDocumentForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NewDocumentForm/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AppContext } from "@voplus/morpho-data";
|
|
3
2
|
import { IEntityName } from "@voplus/morpho-org";
|
|
3
|
+
import { AppContext } from "@voplus/morpho-data";
|
|
4
4
|
import { IAccessItem } from "./PeopleAccessState";
|
|
5
5
|
export interface INewAccessSelectorProps {
|
|
6
6
|
data?: IAccessItem[];
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
// import { inject } from "mobx-react";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { Button, Dropdown, Menu, Select, Spin } from "@voplus/antd";
|
|
3
|
+
import { GlobalOutlined, LinkOutlined, TeamOutlined } from "@ant-design/icons";
|
|
4
4
|
import { useContactStore } from "@voplus/morpho-org";
|
|
5
|
+
import React, { useState } from "react";
|
|
5
6
|
import { Access } from "./constants";
|
|
6
|
-
import styles from "./index.less";
|
|
7
7
|
import RoleSelector from "./RoleSelector";
|
|
8
|
+
import styles from "./index.less";
|
|
8
9
|
// @inject("appContext")
|
|
9
10
|
const NewAccessSelector = (props) => {
|
|
10
11
|
const accessSelectorState = {
|
|
@@ -79,24 +80,24 @@ const NewAccessSelector = (props) => {
|
|
|
79
80
|
const renderTypeMenu = () => {
|
|
80
81
|
return (React.createElement(Menu, { onClick: onTypeSelect },
|
|
81
82
|
React.createElement(Menu.Item, { key: Access.type.contact },
|
|
82
|
-
React.createElement(
|
|
83
|
+
React.createElement(TeamOutlined, null),
|
|
83
84
|
" Specific person"),
|
|
84
85
|
React.createElement(Menu.Item, { key: Access.type.org, disabled: true },
|
|
85
|
-
React.createElement(
|
|
86
|
+
React.createElement(GlobalOutlined, null),
|
|
86
87
|
" Organization"),
|
|
87
88
|
React.createElement(Menu.Item, { key: Access.type.url },
|
|
88
|
-
React.createElement(
|
|
89
|
+
React.createElement(LinkOutlined, null),
|
|
89
90
|
" Generate link")));
|
|
90
91
|
};
|
|
91
92
|
const renderTypeIcon = () => {
|
|
92
93
|
const { type } = state;
|
|
93
94
|
switch (type) {
|
|
94
95
|
case Access.type.contact:
|
|
95
|
-
return
|
|
96
|
+
return React.createElement(TeamOutlined, null);
|
|
96
97
|
case Access.type.url:
|
|
97
|
-
return
|
|
98
|
+
return React.createElement(LinkOutlined, null);
|
|
98
99
|
default:
|
|
99
|
-
return
|
|
100
|
+
return React.createElement(GlobalOutlined, null);
|
|
100
101
|
}
|
|
101
102
|
};
|
|
102
103
|
const { type, role, contacts, selections, fetching } = state;
|
|
@@ -105,7 +106,7 @@ const NewAccessSelector = (props) => {
|
|
|
105
106
|
React.createElement("div", null,
|
|
106
107
|
React.createElement(Dropdown, { trigger: ["click"], overlay: renderTypeMenu() },
|
|
107
108
|
React.createElement(Button, { icon: renderTypeIcon() }))),
|
|
108
|
-
React.createElement("div", null, type === Access.type.url ? (React.createElement("div", { style: { padding: "4px 11px" } }, "Anyone with the link")) : (React.createElement(Select, { showSearch: true, labelInValue: true, mode: "multiple", value: contacts.map(x => ({ key: x.id, label: x.name })), style: { width: "100%" }, placeholder: type === Access.type.org ? `Select organizations` : `Select contacts`, optionFilterProp: "children", notFoundContent: fetching ? React.createElement(Spin, null) : null, onChange: onContactSelect, onDropdownVisibleChange: onDropdownVisibleChange }, selections.map(c => (React.createElement(Select.Option, { key: c.id, disabled: props.data.some(x => x.item.contact.id === c.id) }, c.name)))))),
|
|
109
|
+
React.createElement("div", null, type === Access.type.url ? (React.createElement("div", { style: { padding: "4px 11px" } }, "Anyone with the link")) : (React.createElement(Select, { showSearch: true, labelInValue: true, mode: "multiple", value: contacts.map(x => ({ key: x.id, label: x.name })), style: { width: "100%" }, placeholder: type === Access.type.org ? `Select organizations` : `Select contacts`, optionFilterProp: "children", notFoundContent: fetching ? React.createElement(Spin, null) : null, onChange: onContactSelect, onDropdownVisibleChange: onDropdownVisibleChange }, selections.map(c => (React.createElement(Select.Option, { key: c.id, value: c.name, disabled: props.data.some(x => x.item.contact.id === c.id) }, c.name)))))),
|
|
109
110
|
React.createElement("div", null,
|
|
110
111
|
React.createElement(RoleSelector, { type: type, role: role, onChange: onRoleSelect }))),
|
|
111
112
|
React.createElement("div", { className: "button" },
|