@voplus/morpho-document 1.0.0-dev203 → 1.0.0-dev205
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 +4 -0
- package/es/components/ActivityLog/index.js +2 -2
- package/es/components/ActivityLog/index.js.map +1 -1
- package/es/components/ActivityLog/index.less +64 -64
- package/es/components/ActivityLog/state.d.ts +1 -0
- package/es/components/ActivityLog/state.js +4 -1
- package/es/components/ActivityLog/state.js.map +1 -1
- package/es/components/Links/index.less +111 -111
- package/es/components/TagView/index.js +17 -11
- package/es/components/TagView/index.js.map +1 -1
- package/es/components/TagView/index.less +13 -0
- package/es/components/TagView/state.d.ts +4 -0
- package/es/components/TagView/state.js +10 -0
- package/es/components/TagView/state.js.map +1 -1
- package/es/data/DocumentStore/hooks/useDocumentListLoaderEffect.js +17 -1
- package/es/data/DocumentStore/hooks/useDocumentListLoaderEffect.js.map +1 -1
- package/package.json +4 -5
package/changelog.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Popover, Timeline } from "@voplus/antd";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
3
|
import { State, getActionIcon, getActionIconColor } from "./state";
|
|
4
|
-
import { faClone, faFilePlus, faPencilAlt, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
|
|
4
|
+
import { faClone, faFilePlus, faPencilAlt, faTrashAlt, faUpload } from "@fortawesome/pro-light-svg-icons";
|
|
5
5
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
6
6
|
import PageListView from "@voplus/morpho-ui/es/controls/PageListView";
|
|
7
7
|
import classnames from "classnames";
|
|
@@ -11,7 +11,7 @@ import { localFormat } from "../../data/contexts/StoreContext";
|
|
|
11
11
|
import styles from "./index.less";
|
|
12
12
|
import { useDocumentActivityListEffect } from "../../data";
|
|
13
13
|
import { useObserver } from "mobx-react-lite";
|
|
14
|
-
library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus);
|
|
14
|
+
library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus, faUpload);
|
|
15
15
|
const ActivityLog = (props) => {
|
|
16
16
|
const { id } = props;
|
|
17
17
|
const [state] = useState(new State());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,OAAO,EAAE,QAAQ,EAAW,MAAM,cAAc,CAAC;AAKlE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
.activity-log {
|
|
2
|
-
height: 100%;
|
|
3
|
-
padding: 13px 0 0 15px;
|
|
4
|
-
margin: 15px 20px;
|
|
5
|
-
:global {
|
|
6
|
-
.ant-avatar-image {
|
|
7
|
-
width: 34px;
|
|
8
|
-
height: 34px;
|
|
9
|
-
border: 1px solid #f2f2f2;
|
|
10
|
-
}
|
|
11
|
-
.dot-icon {
|
|
12
|
-
display: inline-block;
|
|
13
|
-
width: 34px;
|
|
14
|
-
height: 34px;
|
|
15
|
-
line-height: 32px;
|
|
16
|
-
border: 1px solid transparent;
|
|
17
|
-
border-radius: 50%;
|
|
18
|
-
font-size: 17px;
|
|
19
|
-
}
|
|
20
|
-
.ant-timeline-item-content {
|
|
21
|
-
top: -11px;
|
|
22
|
-
margin: 0 0 0 60px;
|
|
23
|
-
line-height: 22px;
|
|
24
|
-
color: #333;
|
|
25
|
-
.user-name {
|
|
26
|
-
font-weight: bold;
|
|
27
|
-
color: #000;
|
|
28
|
-
padding-right: 10px;
|
|
29
|
-
}
|
|
30
|
-
.action {
|
|
31
|
-
padding-right: 15px;
|
|
32
|
-
font-weight: 500;
|
|
33
|
-
color: #000;
|
|
34
|
-
font-style: italic;
|
|
35
|
-
}
|
|
36
|
-
.anticon {
|
|
37
|
-
margin-right: 5px;
|
|
38
|
-
}
|
|
39
|
-
.date-time {
|
|
40
|
-
font-size: 12px;
|
|
41
|
-
color: #444;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
.property-objects {
|
|
45
|
-
display: inline;
|
|
46
|
-
|
|
47
|
-
&.multiple {
|
|
48
|
-
display: block;
|
|
49
|
-
|
|
50
|
-
> span {
|
|
51
|
-
display: block;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
.property-name {
|
|
55
|
-
font-weight: 600;
|
|
56
|
-
font-style: italic;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.property-value {
|
|
60
|
-
font-style: italic;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
1
|
+
.activity-log {
|
|
2
|
+
height: 100%;
|
|
3
|
+
padding: 13px 0 0 15px;
|
|
4
|
+
margin: 15px 20px;
|
|
5
|
+
:global {
|
|
6
|
+
.ant-avatar-image {
|
|
7
|
+
width: 34px;
|
|
8
|
+
height: 34px;
|
|
9
|
+
border: 1px solid #f2f2f2;
|
|
10
|
+
}
|
|
11
|
+
.dot-icon {
|
|
12
|
+
display: inline-block;
|
|
13
|
+
width: 34px;
|
|
14
|
+
height: 34px;
|
|
15
|
+
line-height: 32px;
|
|
16
|
+
border: 1px solid transparent;
|
|
17
|
+
border-radius: 50%;
|
|
18
|
+
font-size: 17px;
|
|
19
|
+
}
|
|
20
|
+
.ant-timeline-item-content {
|
|
21
|
+
top: -11px;
|
|
22
|
+
margin: 0 0 0 60px;
|
|
23
|
+
line-height: 22px;
|
|
24
|
+
color: #333;
|
|
25
|
+
.user-name {
|
|
26
|
+
font-weight: bold;
|
|
27
|
+
color: #000;
|
|
28
|
+
padding-right: 10px;
|
|
29
|
+
}
|
|
30
|
+
.action {
|
|
31
|
+
padding-right: 15px;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
color: #000;
|
|
34
|
+
font-style: italic;
|
|
35
|
+
}
|
|
36
|
+
.anticon {
|
|
37
|
+
margin-right: 5px;
|
|
38
|
+
}
|
|
39
|
+
.date-time {
|
|
40
|
+
font-size: 12px;
|
|
41
|
+
color: #444;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
.property-objects {
|
|
45
|
+
display: inline;
|
|
46
|
+
|
|
47
|
+
&.multiple {
|
|
48
|
+
display: block;
|
|
49
|
+
|
|
50
|
+
> span {
|
|
51
|
+
display: block;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.property-name {
|
|
55
|
+
font-weight: 600;
|
|
56
|
+
font-style: italic;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.property-value {
|
|
60
|
+
font-style: italic;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -3,6 +3,7 @@ export declare const ActivityActionType: {
|
|
|
3
3
|
Created: string;
|
|
4
4
|
Changed: string;
|
|
5
5
|
Deleted: string;
|
|
6
|
+
Published: string;
|
|
6
7
|
};
|
|
7
8
|
export declare const getActionIcon: any;
|
|
8
9
|
export declare const getActionIconColor: (action: string) => "" | "#765fee" | "#ffca83" | "#ff7285";
|
|
@@ -3,7 +3,8 @@ import { observable } from "mobx";
|
|
|
3
3
|
export const ActivityActionType = {
|
|
4
4
|
Created: "Created",
|
|
5
5
|
Changed: "Changed",
|
|
6
|
-
Deleted: "Deleted"
|
|
6
|
+
Deleted: "Deleted",
|
|
7
|
+
Published: "Published"
|
|
7
8
|
};
|
|
8
9
|
export const getActionIcon = (action) => {
|
|
9
10
|
switch (action) {
|
|
@@ -13,6 +14,8 @@ export const getActionIcon = (action) => {
|
|
|
13
14
|
return ["fal", "pencil-alt"];
|
|
14
15
|
case ActivityActionType.Deleted:
|
|
15
16
|
return ["fal", "trash-alt"];
|
|
17
|
+
case ActivityActionType.Published:
|
|
18
|
+
return ["fal", "upload"];
|
|
16
19
|
default:
|
|
17
20
|
return "";
|
|
18
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAQ,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC9B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,SAAS;YAChC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC1B;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,OAAO,KAAK;IAAlB;QACa,cAAS,GAAmB,EAAE,CAAC;QAC/B,SAAI,GAAG,CAAC,CAAC;QACT,YAAO,GAAG,IAAI,CAAC;IAC5B,CAAC;CAAA;AAHY;IAAX,UAAU;wCAAgC;AAC/B;IAAX,UAAU;mCAAU;AACT;IAAX,UAAU;sCAAgB"}
|
|
@@ -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,10 +1,10 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
|
-
import { Button, Popover, Select, Spin, Tag } from "@voplus/antd";
|
|
2
|
+
import { Button, Popover, Select, Spin, Tag, Tooltip } from "@voplus/antd";
|
|
3
|
+
import { useDocumentStore } from "../../data";
|
|
3
4
|
import React, { useEffect, useState } from "react";
|
|
4
5
|
import { State, colorList } from "./state";
|
|
5
6
|
import { PlusOutlined } from "@ant-design/icons";
|
|
6
7
|
import classnames from "classnames";
|
|
7
|
-
import { useDocumentStore } from "../../data";
|
|
8
8
|
import { useObserver } from "mobx-react-lite";
|
|
9
9
|
const TagView = (props) => {
|
|
10
10
|
const { id, tags, editable, className } = props;
|
|
@@ -26,15 +26,12 @@ const TagView = (props) => {
|
|
|
26
26
|
backgroundColor: item.color,
|
|
27
27
|
borderColor: item.borderColor
|
|
28
28
|
} }, ""))))),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
React.createElement(
|
|
34
|
-
|
|
35
|
-
e.preventDefault();
|
|
36
|
-
state.addTags = state.addTags.filter(({ name }) => tag.name !== name);
|
|
37
|
-
} }, tag.name)))),
|
|
29
|
+
state.editTagName && (React.createElement("div", { className: "reselect-information" },
|
|
30
|
+
React.createElement(Tag, { color: state.info.color }, state.editTagName),
|
|
31
|
+
React.createElement(Button, { type: "link", onClick: () => (state.info = {}) }, "Close Reselect"))),
|
|
32
|
+
React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, disabled: !!state.editTagName, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, null) : null, placeholder: state.name, onSearch: onSearch, onSelect: onChange, onInputKeyDown: onkeydown }, state.list.map(d => (React.createElement(Select.Option, { key: d.id, value: d.name }, d.name)))),
|
|
33
|
+
React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tooltip, { key: index, title: state.editTagName === tag.name ? "" : "Click to reselect color" },
|
|
34
|
+
React.createElement(Tag, { color: tag.color, closable: true, onClick: () => (state.info = tag), onClose: (e) => onRemove(e, tag.name) }, tag.name))))),
|
|
38
35
|
React.createElement("div", { className: "add-tag-dialog-footer" },
|
|
39
36
|
React.createElement(Button, { type: "link", className: "cancel", onClick: () => (state.visible = false) }, "Cancel"),
|
|
40
37
|
React.createElement(Button, { type: "link", loading: state.saveLoading, onClick: onOk }, "Ok")))));
|
|
@@ -47,6 +44,12 @@ const TagView = (props) => {
|
|
|
47
44
|
React.createElement(Tag, { className: classnames("add-tag-btn", { show: state.show }) },
|
|
48
45
|
React.createElement(PlusOutlined, null),
|
|
49
46
|
" tag"))))));
|
|
47
|
+
function onRemove(e, tagName) {
|
|
48
|
+
e.preventDefault();
|
|
49
|
+
state.addTags = state.addTags.filter(({ name }) => tagName !== name);
|
|
50
|
+
if (state.editTagName === tagName)
|
|
51
|
+
state.info = {};
|
|
52
|
+
}
|
|
50
53
|
// delete tag
|
|
51
54
|
async function onClose(removedTag) {
|
|
52
55
|
state.tags = state.tags.filter(({ name }) => name !== removedTag);
|
|
@@ -118,11 +121,14 @@ const TagView = (props) => {
|
|
|
118
121
|
}
|
|
119
122
|
function selectColor(value) {
|
|
120
123
|
state.color = value;
|
|
124
|
+
if (state.info)
|
|
125
|
+
state.info.color = value;
|
|
121
126
|
deduplicate();
|
|
122
127
|
}
|
|
123
128
|
function reset() {
|
|
124
129
|
state.name = "";
|
|
125
130
|
state.color = "geekblue";
|
|
131
|
+
state.info = {};
|
|
126
132
|
}
|
|
127
133
|
};
|
|
128
134
|
TagView.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,6 +45,19 @@
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
+
.reselect-information {
|
|
49
|
+
display: flex;
|
|
50
|
+
justify-content: space-between;
|
|
51
|
+
align-items: center;
|
|
52
|
+
padding-bottom: 10px;
|
|
53
|
+
.ant-tag {
|
|
54
|
+
margin-top: 0;
|
|
55
|
+
}
|
|
56
|
+
.ant-btn {
|
|
57
|
+
padding: 0;
|
|
58
|
+
height: 24px;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
48
61
|
.item-color + .item-color {
|
|
49
62
|
margin-left: 8px;
|
|
50
63
|
}
|
|
@@ -38,6 +38,10 @@ export class State {
|
|
|
38
38
|
get show() {
|
|
39
39
|
return !this.tags.length || this.visible;
|
|
40
40
|
}
|
|
41
|
+
/** Name of 当前可更改Tag */
|
|
42
|
+
get editTagName() {
|
|
43
|
+
return this.info ? this.info.name : "";
|
|
44
|
+
}
|
|
41
45
|
}
|
|
42
46
|
__decorate([
|
|
43
47
|
observable
|
|
@@ -63,7 +67,13 @@ __decorate([
|
|
|
63
67
|
__decorate([
|
|
64
68
|
observable
|
|
65
69
|
], State.prototype, "visible", void 0);
|
|
70
|
+
__decorate([
|
|
71
|
+
observable
|
|
72
|
+
], State.prototype, "info", void 0);
|
|
66
73
|
__decorate([
|
|
67
74
|
computed
|
|
68
75
|
], State.prototype, "show", null);
|
|
76
|
+
__decorate([
|
|
77
|
+
computed
|
|
78
|
+
], State.prototype, "editTagName", null);
|
|
69
79
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/TagView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAY5C,uBAAuB;AACvB,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACjD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACjD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;IAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE;CACvE,CAAC;AAEF,MAAM,OAAO,KAAK;IAAlB;QACC,yBAAyB;QACN,SAAI,GAAW,EAAE,CAAC;QACrC,uBAAuB;QACJ,YAAO,GAAW,EAAE,CAAC;QACxC,wBAAwB;QACL,SAAI,GAAU,EAAE,CAAC;QACpC,kBAAkB;QACC,SAAI,GAAG,EAAE,CAAC;QAC7B,mBAAmB;QACA,UAAK,GAAG,UAAU,CAAC;QACtC,yBAAyB;QACN,gBAAW,GAAG,KAAK,CAAC;QACvC,mBAAmB;QACA,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/TagView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAY5C,uBAAuB;AACvB,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACjD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACjD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;IAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE;CACvE,CAAC;AAEF,MAAM,OAAO,KAAK;IAAlB;QACC,yBAAyB;QACN,SAAI,GAAW,EAAE,CAAC;QACrC,uBAAuB;QACJ,YAAO,GAAW,EAAE,CAAC;QACxC,wBAAwB;QACL,SAAI,GAAU,EAAE,CAAC;QACpC,kBAAkB;QACC,SAAI,GAAG,EAAE,CAAC;QAC7B,mBAAmB;QACA,UAAK,GAAG,UAAU,CAAC;QACtC,yBAAyB;QACN,gBAAW,GAAG,KAAK,CAAC;QACvC,mBAAmB;QACA,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,KAAK,CAAC;IAapC,CAAC;IARA,IAAW,IAAI;QACd,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC;IAC1C,CAAC;IACD,uBAAuB;IAEvB,IAAW,WAAW;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,CAAC;CACD;AA3BY;IAAX,UAAU;mCAA0B;AAEzB;IAAX,UAAU;sCAA6B;AAE5B;IAAX,UAAU;mCAAyB;AAExB;IAAX,UAAU;mCAAkB;AAEjB;IAAX,UAAU;oCAA2B;AAE1B;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;mCAAmB;AAG9B;IADC,QAAQ;iCAGR;AAGD;IADC,QAAQ;wCAGR"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useCountedMapListEffect } from "@voplus/morpho-data";
|
|
2
2
|
import { useDocumentStore } from "../DocumentStore";
|
|
3
|
+
import { useListDataContext } from "@voplus/morpho-ui/es/data";
|
|
3
4
|
/** React hook to retrieve a list of documents from a loader
|
|
4
5
|
* @param effect - Effect callback to be ran after successful retrieved the list. Loading will be ignored if effect is null.
|
|
5
6
|
* @param {Promise<T[]>} loader - a function return promise of list of documents.
|
|
@@ -7,6 +8,21 @@ import { useDocumentStore } from "../DocumentStore";
|
|
|
7
8
|
*/
|
|
8
9
|
export function useDocumentListLoaderEffect(effect, loader, deps) {
|
|
9
10
|
const documents = useDocumentStore();
|
|
10
|
-
|
|
11
|
+
const listData = useListDataContext();
|
|
12
|
+
useCountedMapListEffect(innerEffect, documents.items, loader, deps, {
|
|
13
|
+
preload: () => {
|
|
14
|
+
if (listData)
|
|
15
|
+
listData.loading = true;
|
|
16
|
+
},
|
|
17
|
+
postload: () => {
|
|
18
|
+
if (listData)
|
|
19
|
+
listData.loading = false;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
function innerEffect(list) {
|
|
23
|
+
if (listData && list.length === 0)
|
|
24
|
+
listData.hasMore = false;
|
|
25
|
+
effect(list);
|
|
26
|
+
}
|
|
11
27
|
}
|
|
12
28
|
//# sourceMappingURL=useDocumentListLoaderEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDocumentListLoaderEffect.js","sourceRoot":"","sources":["../../../../src/data/DocumentStore/hooks/useDocumentListLoaderEffect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"useDocumentListLoaderEffect.js","sourceRoot":"","sources":["../../../../src/data/DocumentStore/hooks/useDocumentListLoaderEffect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAC1C,MAAkC,EAClC,MAA0B,EAC1B,IAAY;IAEZ,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IAEtC,uBAAuB,CAAC,WAAW,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;QACnE,OAAO,EAAE,GAAG,EAAE;YACb,IAAI,QAAQ;gBAAE,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACvC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACd,IAAI,QAAQ;gBAAE,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACxC,CAAC;KACD,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAS;QAC7B,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5D,MAAM,CAAC,IAAI,CAAC,CAAC;IACd,CAAC;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@voplus/morpho-document",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-dev205",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
|
|
@@ -43,7 +43,6 @@
|
|
|
43
43
|
"@types/file-saver": "^2.0.1",
|
|
44
44
|
"@types/invariant": "^2.2.31",
|
|
45
45
|
"@types/lodash-es": "^4.17.3",
|
|
46
|
-
"@types/node": "^13.11.1",
|
|
47
46
|
"@types/react": "^16.9.34",
|
|
48
47
|
"@types/react-custom-scrollbars": "^4.0.6",
|
|
49
48
|
"@types/react-dom": "^16.9.6",
|
|
@@ -55,11 +54,11 @@
|
|
|
55
54
|
"@voplus/antd": "^4.0.3-vo1.0.0",
|
|
56
55
|
"@voplus/morpho-client-test": "^1.0.0-dev014",
|
|
57
56
|
"@voplus/morpho-collaboration": "^1.0.0-dev021-antd4",
|
|
58
|
-
"@voplus/morpho-config": "^1.0.0-
|
|
59
|
-
"@voplus/morpho-data": "^1.0.0-
|
|
57
|
+
"@voplus/morpho-config": "^1.0.0-dev48",
|
|
58
|
+
"@voplus/morpho-data": "^1.0.0-dev095",
|
|
60
59
|
"@voplus/morpho-org": "^1.0.0-dev032-antd4",
|
|
61
60
|
"@voplus/morpho-text": "^1.0.0-dev016",
|
|
62
|
-
"@voplus/morpho-ui": "^1.0.0-
|
|
61
|
+
"@voplus/morpho-ui": "^1.0.0-listview006",
|
|
63
62
|
"draft-js": "^0.11.5",
|
|
64
63
|
"mobx": "^5.15.4",
|
|
65
64
|
"mobx-react-lite": "^1.5.2",
|