@voplus/morpho-document 6.1.85 → 6.1.87
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/DocumentItem/DocumentItem2.d.ts +7 -1
- package/es/components/DocumentItem/DocumentItem2.js +28 -20
- package/es/components/DocumentItem/DocumentItem2.js.map +1 -1
- package/es/components/DocumentItem/index.less +2 -1
- package/es/components/Links/Item.d.ts +1 -0
- package/es/components/Links/Item.js +3 -5
- package/es/components/Links/Item.js.map +1 -1
- package/es/components/Links/index.js +36 -51
- package/es/components/Links/index.js.map +1 -1
- package/es/components/Links/index.less +18 -41
- package/es/components/Links/state.d.ts +1 -20
- package/es/components/Links/state.js +1 -114
- package/es/components/Links/state.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
declare const DocumentItem2: (props: {
|
|
3
3
|
id: string;
|
|
4
4
|
multiple?: boolean;
|
|
5
|
+
/** 自定义 中间内容 */
|
|
6
|
+
middleContent?: ReactNode;
|
|
7
|
+
/** 自定义 右侧内容 */
|
|
8
|
+
rightContent?: ReactNode;
|
|
9
|
+
/** 自定义QuickDataBar */
|
|
10
|
+
quickDataBar?: ReactNode;
|
|
5
11
|
}) => React.JSX.Element;
|
|
6
12
|
export default DocumentItem2;
|
|
@@ -13,8 +13,9 @@ import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
|
13
13
|
import QuickView from "@voplus/morpho-document-core/es/components/QuickView";
|
|
14
14
|
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
15
15
|
import { useDocument, useDocumentStore, useMetaStore } from "@voplus/morpho-document-core";
|
|
16
|
+
import classnames from "classnames";
|
|
16
17
|
const DocumentItem2 = (props) => {
|
|
17
|
-
const { id, multiple } = props;
|
|
18
|
+
const { id, multiple, quickDataBar } = props;
|
|
18
19
|
const meta = useMetaStore();
|
|
19
20
|
const { user } = useApplicationContext();
|
|
20
21
|
const documentStore = useDocumentStore();
|
|
@@ -23,25 +24,32 @@ const DocumentItem2 = (props) => {
|
|
|
23
24
|
reload: (d) => !d.tags,
|
|
24
25
|
includes: "tags,versions,permissions",
|
|
25
26
|
});
|
|
26
|
-
return observe(() => (React.createElement(ItemFunction, { className: "document-item-2 py-3 px-6 flex items-center gap-3 transition-all duration-200 cursor-pointer border-b border-slate-50 bg-white hover:bg-slate-50",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
React.createElement("div", { className: "
|
|
31
|
-
React.createElement("
|
|
32
|
-
React.createElement("
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
React.createElement("div",
|
|
38
|
-
React.createElement(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
27
|
+
return observe(() => (React.createElement(ItemFunction, { className: "document-item-2 py-3 px-6 flex items-center gap-3 transition-all duration-200 cursor-pointer border-b border-slate-50 bg-white hover:bg-slate-50 overflow-hidden", onMouseLeave: () => onMouse(false), propertiesView: React.createElement(DocumentPropertiesView, { id: id }), quickViewDialog: (onCancel) => React.createElement(QuickView, { id: id, visible: true, onCancel: onCancel }) },
|
|
28
|
+
React.createElement("div", { className: "flex-1 flex items-center gap-3 min-w-0", onMouseOver: () => onMouse(true) },
|
|
29
|
+
multiple ? React.createElement(Checkbox, { value: props.id, onClick: (e) => e.stopPropagation() }) : null,
|
|
30
|
+
React.createElement("div", { className: "w-8 h-8 bg-slate-100 rounded-md flex items-center justify-center text-slate-500 flex-shrink-0" }, meta.getIcon(document)),
|
|
31
|
+
React.createElement("div", { className: "flex-1 min-w-0" },
|
|
32
|
+
React.createElement("div", { className: "items-center mb-1 gap-3" },
|
|
33
|
+
React.createElement("h4", { className: "inline-flex text-sm font-medium text-slate-900 leading-5 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", style: { maxWidth: "78%" } },
|
|
34
|
+
React.createElement("div", { className: "truncate" }, document.name)),
|
|
35
|
+
document.status === "Readonly" && (React.createElement(FAIcon, { className: "file-lock text-sm", icon: faLock, title: "Read-only document", onClick: (e) => e.stopPropagation() })),
|
|
36
|
+
React.createElement(DescriptionDataIcon, { id: props.id }),
|
|
37
|
+
React.createElement(TagView, { id: id, tags: document.tags, editable: user.can("edit", document.p, { asset: "Tags" }) && !document.readonly, items: documentStore.items })),
|
|
38
|
+
React.createElement("div", null,
|
|
39
|
+
React.createElement("div", {
|
|
40
|
+
// className="quick-data-bar flex items-center gap-3"
|
|
41
|
+
className: "quick-data-bar gap-3", onClick: (e) => e.stopPropagation() }, quickDataBar || React.createElement(DocumentDataIconBar, { id: id }))))),
|
|
42
|
+
props.middleContent,
|
|
43
|
+
React.createElement("div", { className: classnames("action-buttons flex items-center justify-end gap-1 flex-shrink-0", {
|
|
44
|
+
"w-1/5 rightContent": props.middleContent,
|
|
45
|
+
}) }, isHover ? (React.createElement(ToolBar, { id: id },
|
|
46
|
+
React.createElement(Open, { url: meta.getRoute(document) }),
|
|
47
|
+
document.status === "Archived" && React.createElement(Restore, null),
|
|
48
|
+
React.createElement(Versions, null),
|
|
49
|
+
document.type === "File" && React.createElement(Download, null))) : props.rightContent ? (props.rightContent) : null))));
|
|
50
|
+
function onMouse(over) {
|
|
51
|
+
setIsHover(over);
|
|
52
|
+
}
|
|
45
53
|
};
|
|
46
54
|
export default DocumentItem2;
|
|
47
55
|
//# sourceMappingURL=DocumentItem2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentItem2.js","sourceRoot":"","sources":["../../../src/components/DocumentItem/DocumentItem2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"DocumentItem2.js","sourceRoot":"","sources":["../../../src/components/DocumentItem/DocumentItem2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
:global {
|
|
158
158
|
.document-item-2 {
|
|
159
159
|
.quick-data-bar {
|
|
160
|
-
display: inline-flex;
|
|
160
|
+
// display: inline-flex;
|
|
161
161
|
font-size: 0.75rem /* 12px */;
|
|
162
162
|
line-height: 1rem /* 16px */;
|
|
163
163
|
color: #64748b;
|
|
@@ -167,6 +167,7 @@
|
|
|
167
167
|
}
|
|
168
168
|
.data-icon {
|
|
169
169
|
line-height: 1rem;
|
|
170
|
+
margin-right: 0.6rem;
|
|
170
171
|
.content {
|
|
171
172
|
display: inline-flex;
|
|
172
173
|
align-items: center;
|
|
@@ -34,15 +34,13 @@ const Item = (props) => {
|
|
|
34
34
|
React.createElement("div", { className: "reference-content" },
|
|
35
35
|
React.createElement(React.Fragment, null,
|
|
36
36
|
!multiple && (React.createElement(FlagIcon, { id: id, flag: document.flag, editable: false, className: "padding-right-10" })),
|
|
37
|
-
multiple && React.createElement(Checkbox, { value: props.
|
|
37
|
+
multiple && React.createElement(Checkbox, { value: props.checkId, className: "padding-right-10" })),
|
|
38
38
|
React.createElement("div", null,
|
|
39
|
-
React.createElement("div", { className: classnames("task-item-name",
|
|
40
|
-
// "task-item-name_done": document.taskStatus === "Done"
|
|
41
|
-
}), onClick: () => (state.quickViewVisible = true) }, document.name),
|
|
39
|
+
React.createElement("div", { className: classnames("task-item-name"), onClick: () => (state.quickViewVisible = true) }, document.name),
|
|
42
40
|
iconList))))) : (React.createElement(React.Fragment, null,
|
|
43
41
|
React.createElement("div", { className: "reference-item-content" },
|
|
44
42
|
React.createElement("div", { className: "reference-content" },
|
|
45
|
-
React.createElement("div", { className: "type-icon" }, multiple ? (React.createElement(Checkbox, { value: props.
|
|
43
|
+
React.createElement("div", { className: "type-icon" }, multiple ? (React.createElement(Checkbox, { value: props.checkId })) : (React.createElement(FAIcon, { icon: document.type === DocumentType.MeetingsFolder ? faCalendarDay : faFile }))),
|
|
46
44
|
React.createElement("div", null,
|
|
47
45
|
React.createElement("div", { onClick: () => (state.quickViewVisible = true) }, document.name),
|
|
48
46
|
iconList))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Links/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Links/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useDocumentLinkListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
|
|
3
|
-
import React, {
|
|
1
|
+
import { Checkbox, Spin, Button } from "antd";
|
|
2
|
+
import { useDocumentLinkListEffect, useDocumentStore, useAutoUpdateLinkData, } from "@voplus/morpho-document-core";
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { BatchHeader } from "@voplus/morpho-ui/es/components/layout/ListView/headers";
|
|
4
5
|
import DocumentSelectDialog from "../DocumentSelectDialog";
|
|
5
|
-
import {
|
|
6
|
+
import { useDeepMemo } from "@voplus/morpho-data";
|
|
7
|
+
import { BatchHeader2 } from "@voplus/morpho-ui/es/components/layout/ListView/headers/BatchHeader";
|
|
8
|
+
import { BatchContext, BatchContextState, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
|
|
6
9
|
import Item from "./Item";
|
|
7
10
|
import { LoadingOutlined } from "@ant-design/icons";
|
|
8
11
|
import NewLinkType from "./NewLinkType";
|
|
9
|
-
import Scrollbars from "react-custom-scrollbars-2";
|
|
10
12
|
import { State } from "./state";
|
|
11
|
-
import
|
|
13
|
+
import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
|
|
12
14
|
import { observe } from "@voplus/morpho-ui";
|
|
13
15
|
import { runInAction } from "mobx";
|
|
14
16
|
import styles from "./index.less";
|
|
@@ -16,42 +18,38 @@ const Links = (props) => {
|
|
|
16
18
|
const { id, isTitle } = props;
|
|
17
19
|
const documentStore = useDocumentStore();
|
|
18
20
|
const [state] = useState(new State());
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return () => {
|
|
29
|
-
documentStore.LinkCreatedEvent.unsubscribe(onLinkCreated);
|
|
30
|
-
documentStore.LinkDeletedEvent.unsubscribe(onLinkDeleted);
|
|
31
|
-
};
|
|
32
|
-
}, []);
|
|
33
|
-
useEffect(() => {
|
|
34
|
-
state.links = [];
|
|
35
|
-
}, [id]);
|
|
36
|
-
return observe(() => state.loading ? (React.createElement("div", { className: styles["reference-view"] },
|
|
21
|
+
/** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
22
|
+
const list = useCreateListDataState({ filterDefaults: { filters: [] } }, [id]);
|
|
23
|
+
const batch = useDeepMemo(() => new BatchContextState(list), [props.id]);
|
|
24
|
+
useDocumentLinkListEffect(id, (result) => {
|
|
25
|
+
list.union(result);
|
|
26
|
+
state.loading = false;
|
|
27
|
+
}, list.filters.options);
|
|
28
|
+
useAutoUpdateLinkData(list, (d) => true);
|
|
29
|
+
return observe(() => (React.createElement(ListDataContext.Provider, { value: list }, state.loading ? (React.createElement("div", { className: styles["reference-view"] },
|
|
37
30
|
React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { className: "margin-top-10" }) }))) : (React.createElement("div", { className: styles["reference-view"] },
|
|
38
|
-
React.createElement(
|
|
39
|
-
React.createElement("div",
|
|
40
|
-
React.createElement(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
31
|
+
React.createElement(BatchContext.Provider, { value: batch },
|
|
32
|
+
React.createElement("div", { className: "reference-header" },
|
|
33
|
+
React.createElement(BatchHeader2, { viewTitle: React.createElement(Checkbox, { className: "batch-operation-checkbox", checked: batch.multiple, onChange: (e) => {
|
|
34
|
+
if (!e.target.checked) {
|
|
35
|
+
batch.reset();
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
batch.multiple = e.target.checked;
|
|
39
|
+
}
|
|
40
|
+
} }), buttons: [
|
|
41
|
+
React.createElement(Button, { type: "link", className: "del-btn", onClick: () => onRemove() }, "Move"),
|
|
42
|
+
] }),
|
|
43
|
+
React.createElement(NewLinkType, { menus: ["Association", "Reference", "Dependent"], onSelect: (value) => onCheckType(value) })),
|
|
44
|
+
React.createElement(BatchHeader.CheckGroup, null,
|
|
45
|
+
React.createElement(ListView, { renderId: id, asideable: false, headerProps: { visible: false }, renderItem: ({ item }) => {
|
|
46
|
+
return (React.createElement(Item, { key: item.id, checkId: item.id, id: item.right.id === id ? item.left.id : item.right.id, byLink: item.type !== "Association" && item.right.id === id ? true : false, linkType: item.type, multiple: batch.multiple, onRemove: () => onRemove(item.id) }));
|
|
47
|
+
} }))),
|
|
50
48
|
state.visible && (React.createElement(DocumentSelectDialog
|
|
51
49
|
// parentId={id}
|
|
52
50
|
, {
|
|
53
51
|
// parentId={id}
|
|
54
|
-
onSelect: onSelect, onCancel: () => runInAction(() => (state.visible = false)) })))));
|
|
52
|
+
onSelect: onSelect, onCancel: () => runInAction(() => (state.visible = false)) })))))));
|
|
55
53
|
// Add Links
|
|
56
54
|
async function onSelect(links) {
|
|
57
55
|
const AddLinks = links.map((x) => ({ Type: state.type, RightId: x.id }));
|
|
@@ -60,21 +58,8 @@ const Links = (props) => {
|
|
|
60
58
|
}
|
|
61
59
|
// single or multiple move
|
|
62
60
|
async function onRemove(removeId) {
|
|
63
|
-
const RemoveLinks = removeId
|
|
64
|
-
? [removeId]
|
|
65
|
-
: state.links
|
|
66
|
-
.filter((item) => state.ids.some((id) => id === item.right.id))
|
|
67
|
-
.map(({ id }) => id);
|
|
61
|
+
const RemoveLinks = removeId ? [removeId] : batch.ids;
|
|
68
62
|
await documentStore.editLinks(id, { data: { RemoveLinks }, error: "message" });
|
|
69
|
-
state.onReset();
|
|
70
|
-
}
|
|
71
|
-
// Add Link
|
|
72
|
-
function onLinkCreated(s, t) {
|
|
73
|
-
state.links = [...state.links, t];
|
|
74
|
-
}
|
|
75
|
-
// Remove Link
|
|
76
|
-
function onLinkDeleted(s, t) {
|
|
77
|
-
state.links = state.links.filter((item) => item.id !== t.id);
|
|
78
63
|
}
|
|
79
64
|
// type: "Association" | "Reference" | "Dependent"
|
|
80
65
|
function onCheckType(type) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAGN,yBAAyB,EACzB,gBAAgB,EAChB,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AACtF,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qEAAqE,CAAC;AACnG,OAAO,EACN,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,sBAAsB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC1D,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,kFAAkF;IAClF,MAAM,IAAI,GAAG,sBAAsB,CAAQ,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEtF,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzE,yBAAyB,CACxB,EAAE,EACF,CAAC,MAAM,EAAE,EAAE;QACV,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC,EACD,IAAI,CAAC,OAAO,CAAC,OAAO,CACpB,CAAC;IAEF,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACnC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;QACvC,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,SAAS,EAAC,eAAe,GAAG,GAAI,CAC7D,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;QACvC,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;YAClC,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,YAAY,IACZ,SAAS,EACR,oBAAC,QAAQ,IACR,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACf,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gCACvB,KAAK,CAAC,KAAK,EAAE,CAAC;4BACf,CAAC;iCAAM,CAAC;gCACP,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;4BACnC,CAAC;wBACF,CAAC,GACA,EAEH,OAAO,EAAE;wBACR,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,WAExD;qBACT,GACA;gBACF,oBAAC,WAAW,IACX,KAAK,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC,EAChD,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,GAC3C,CACG;YACN,oBAAC,WAAW,CAAC,UAAU;gBACtB,oBAAC,QAAQ,IACR,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAC/B,UAAU,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE;wBAC7B,OAAO,CACN,oBAAC,IAAI,IACJ,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,IAAI,CAAC,EAAE,EAChB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EACvD,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC1E,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAChC,CACF,CAAC;oBACH,CAAC,GACA,CACsB,CACF;QACvB,KAAK,CAAC,OAAO,IAAI,CACjB,oBAAC,oBAAoB;QACpB,gBAAgB;;YAAhB,gBAAgB;YAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,GACzD,CACF,CACI,CACN,CACyB,CAC3B,CAAC,CAAC;IACH,YAAY;IACZ,KAAK,UAAU,QAAQ,CAAC,KAAqC;QAC5D,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QACzE,MAAM,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5E,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,0BAA0B;IAC1B,KAAK,UAAU,QAAQ,CAAC,QAAiB;QACxC,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;QACtD,MAAM,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAChF,CAAC;IAED,kDAAkD;IAClD,SAAS,WAAW,CAAC,IAAsB;QAC1C,WAAW,CAAC,GAAG,EAAE;YAChB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;YAClB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACpB,OAAO,EAAE,IAAI;CACb,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -6,49 +6,21 @@
|
|
|
6
6
|
height: 100%;
|
|
7
7
|
|
|
8
8
|
:global {
|
|
9
|
+
.ant-checkbox-group {
|
|
10
|
+
height: 100%;
|
|
11
|
+
> div {
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
.reference-header {
|
|
10
|
-
padding: 1em 20px;
|
|
11
17
|
display: flex;
|
|
12
|
-
|
|
18
|
+
width: 100%;
|
|
13
19
|
justify-content: space-between;
|
|
14
|
-
|
|
15
|
-
.multiple-
|
|
16
|
-
|
|
17
|
-
color: #000;
|
|
18
|
-
cursor: pointer;
|
|
19
|
-
|
|
20
|
-
.ant-btn {
|
|
21
|
-
padding: 0 10px 0 0;
|
|
22
|
-
font-size: 16px;
|
|
23
|
-
}
|
|
20
|
+
padding: 15px 20px;
|
|
21
|
+
.multiple-header-padding {
|
|
22
|
+
padding-top: 0;
|
|
24
23
|
}
|
|
25
|
-
|
|
26
|
-
.multiple-remove-btn {
|
|
27
|
-
.ant-btn {
|
|
28
|
-
padding: 0 10px;
|
|
29
|
-
font-style: italic;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.del-btn {
|
|
33
|
-
color: #ff4d4f;
|
|
34
|
-
|
|
35
|
-
&:hover {
|
|
36
|
-
color: #ff7875;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.cancel-btn {
|
|
41
|
-
color: #666;
|
|
42
|
-
|
|
43
|
-
&:hover {
|
|
44
|
-
color: @primary-color;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.reference-view-page {
|
|
51
|
-
display: block;
|
|
52
24
|
}
|
|
53
25
|
|
|
54
26
|
.reference-item {
|
|
@@ -57,7 +29,13 @@
|
|
|
57
29
|
justify-content: space-between;
|
|
58
30
|
border-bottom: 1px solid #e6e6e6;
|
|
59
31
|
align-items: center;
|
|
60
|
-
padding:
|
|
32
|
+
padding: 8px 20px;
|
|
33
|
+
|
|
34
|
+
.hover-link-type {
|
|
35
|
+
.ant-tag {
|
|
36
|
+
margin: 0;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
61
39
|
|
|
62
40
|
&:hover {
|
|
63
41
|
cursor: pointer;
|
|
@@ -99,7 +77,6 @@
|
|
|
99
77
|
.task-control {
|
|
100
78
|
display: flex;
|
|
101
79
|
align-items: center;
|
|
102
|
-
padding: 5px 0;
|
|
103
80
|
font-size: 13px;
|
|
104
81
|
color: #444;
|
|
105
82
|
font-weight: normal;
|
|
@@ -1,31 +1,12 @@
|
|
|
1
|
-
import { DocumentLinkType
|
|
1
|
+
import { DocumentLinkType } from "@voplus/morpho-document-core";
|
|
2
2
|
export declare class State {
|
|
3
|
-
/** all links */
|
|
4
|
-
links: ILink[];
|
|
5
|
-
/** type association list of links */
|
|
6
|
-
association: ILink[];
|
|
7
|
-
/** type dependent list of links */
|
|
8
|
-
dependent: ILink[];
|
|
9
|
-
/** type reference list of links */
|
|
10
|
-
reference: ILink[];
|
|
11
|
-
/** ids of links check */
|
|
12
|
-
ids: string[];
|
|
13
|
-
/** render list of type filter links */
|
|
14
|
-
typeLinks: any[];
|
|
15
3
|
/** Type of the Links */
|
|
16
4
|
type: DocumentLinkType;
|
|
17
5
|
/** visible of DocumentSelectDialog */
|
|
18
6
|
visible: boolean;
|
|
19
|
-
/** all links to check */
|
|
20
|
-
checkAll: boolean;
|
|
21
|
-
/** show multiple links */
|
|
22
|
-
multiple: boolean;
|
|
23
7
|
/** data loading */
|
|
24
8
|
loading: boolean;
|
|
25
9
|
/** */
|
|
26
10
|
quickViewVisible: boolean;
|
|
27
11
|
constructor();
|
|
28
|
-
onCheck: (checkedValues: string[]) => void;
|
|
29
|
-
onCheckAll: (e: any) => void;
|
|
30
|
-
onReset(): void;
|
|
31
12
|
}
|
|
@@ -1,49 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import {
|
|
2
|
+
import { makeObservable, observable } from "mobx";
|
|
3
3
|
export class State {
|
|
4
4
|
constructor() {
|
|
5
|
-
/** all links */
|
|
6
|
-
Object.defineProperty(this, "links", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
configurable: true,
|
|
9
|
-
writable: true,
|
|
10
|
-
value: []
|
|
11
|
-
});
|
|
12
|
-
/** type association list of links */
|
|
13
|
-
Object.defineProperty(this, "association", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
configurable: true,
|
|
16
|
-
writable: true,
|
|
17
|
-
value: []
|
|
18
|
-
});
|
|
19
|
-
/** type dependent list of links */
|
|
20
|
-
Object.defineProperty(this, "dependent", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
configurable: true,
|
|
23
|
-
writable: true,
|
|
24
|
-
value: []
|
|
25
|
-
});
|
|
26
|
-
/** type reference list of links */
|
|
27
|
-
Object.defineProperty(this, "reference", {
|
|
28
|
-
enumerable: true,
|
|
29
|
-
configurable: true,
|
|
30
|
-
writable: true,
|
|
31
|
-
value: []
|
|
32
|
-
});
|
|
33
|
-
/** ids of links check */
|
|
34
|
-
Object.defineProperty(this, "ids", {
|
|
35
|
-
enumerable: true,
|
|
36
|
-
configurable: true,
|
|
37
|
-
writable: true,
|
|
38
|
-
value: []
|
|
39
|
-
});
|
|
40
|
-
/** render list of type filter links */
|
|
41
|
-
Object.defineProperty(this, "typeLinks", {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
configurable: true,
|
|
44
|
-
writable: true,
|
|
45
|
-
value: []
|
|
46
|
-
});
|
|
47
5
|
/** Type of the Links */
|
|
48
6
|
Object.defineProperty(this, "type", {
|
|
49
7
|
enumerable: true,
|
|
@@ -58,20 +16,6 @@ export class State {
|
|
|
58
16
|
writable: true,
|
|
59
17
|
value: false
|
|
60
18
|
});
|
|
61
|
-
/** all links to check */
|
|
62
|
-
Object.defineProperty(this, "checkAll", {
|
|
63
|
-
enumerable: true,
|
|
64
|
-
configurable: true,
|
|
65
|
-
writable: true,
|
|
66
|
-
value: false
|
|
67
|
-
});
|
|
68
|
-
/** show multiple links */
|
|
69
|
-
Object.defineProperty(this, "multiple", {
|
|
70
|
-
enumerable: true,
|
|
71
|
-
configurable: true,
|
|
72
|
-
writable: true,
|
|
73
|
-
value: false
|
|
74
|
-
});
|
|
75
19
|
/** data loading */
|
|
76
20
|
Object.defineProperty(this, "loading", {
|
|
77
21
|
enumerable: true,
|
|
@@ -86,76 +30,19 @@ export class State {
|
|
|
86
30
|
writable: true,
|
|
87
31
|
value: false
|
|
88
32
|
});
|
|
89
|
-
Object.defineProperty(this, "onCheck", {
|
|
90
|
-
enumerable: true,
|
|
91
|
-
configurable: true,
|
|
92
|
-
writable: true,
|
|
93
|
-
value: (checkedValues) => {
|
|
94
|
-
this.ids = checkedValues;
|
|
95
|
-
this.checkAll = checkedValues.length === this.links.length;
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
// check all to remove
|
|
99
|
-
Object.defineProperty(this, "onCheckAll", {
|
|
100
|
-
enumerable: true,
|
|
101
|
-
configurable: true,
|
|
102
|
-
writable: true,
|
|
103
|
-
value: (e) => {
|
|
104
|
-
this.checkAll = e.target.checked;
|
|
105
|
-
const ids = this.links.map(({ right }) => right.id);
|
|
106
|
-
this.ids = e.target.checked ? ids : [];
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
33
|
makeObservable(this);
|
|
110
34
|
}
|
|
111
|
-
onReset() {
|
|
112
|
-
this.multiple = false;
|
|
113
|
-
this.checkAll = false;
|
|
114
|
-
this.ids = [];
|
|
115
|
-
}
|
|
116
35
|
}
|
|
117
|
-
__decorate([
|
|
118
|
-
observable
|
|
119
|
-
], State.prototype, "links", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
observable
|
|
122
|
-
], State.prototype, "association", void 0);
|
|
123
|
-
__decorate([
|
|
124
|
-
observable
|
|
125
|
-
], State.prototype, "dependent", void 0);
|
|
126
|
-
__decorate([
|
|
127
|
-
observable
|
|
128
|
-
], State.prototype, "reference", void 0);
|
|
129
|
-
__decorate([
|
|
130
|
-
observable
|
|
131
|
-
], State.prototype, "ids", void 0);
|
|
132
|
-
__decorate([
|
|
133
|
-
observable
|
|
134
|
-
], State.prototype, "typeLinks", void 0);
|
|
135
36
|
__decorate([
|
|
136
37
|
observable
|
|
137
38
|
], State.prototype, "type", void 0);
|
|
138
39
|
__decorate([
|
|
139
40
|
observable
|
|
140
41
|
], State.prototype, "visible", void 0);
|
|
141
|
-
__decorate([
|
|
142
|
-
observable
|
|
143
|
-
], State.prototype, "checkAll", void 0);
|
|
144
|
-
__decorate([
|
|
145
|
-
observable
|
|
146
|
-
], State.prototype, "multiple", void 0);
|
|
147
42
|
__decorate([
|
|
148
43
|
observable
|
|
149
44
|
], State.prototype, "loading", void 0);
|
|
150
45
|
__decorate([
|
|
151
46
|
observable
|
|
152
47
|
], State.prototype, "quickViewVisible", void 0);
|
|
153
|
-
__decorate([
|
|
154
|
-
action
|
|
155
|
-
// is check all
|
|
156
|
-
], State.prototype, "onCheck", void 0);
|
|
157
|
-
__decorate([
|
|
158
|
-
action
|
|
159
|
-
// reset
|
|
160
|
-
], State.prototype, "onReset", null);
|
|
161
48
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/Links/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/Links/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IAUjB;QATA,yBAAyB;QACN;;;;mBAAyB,WAAW;WAAC;QACxD,sCAAsC;QACnB;;;;mBAAU,KAAK;WAAC;QACnC,mBAAmB;QACA;;;;mBAAU,IAAI;WAAC;QAClC,MAAM;QACa;;;;mBAAmB,KAAK;WAAC;QAG3C,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAXmB;IAAlB,UAAU;mCAA6C;AAErC;IAAlB,UAAU;sCAAwB;AAEhB;IAAlB,UAAU;sCAAuB;AAEf;IAAlB,UAAU;+CAAiC"}
|