@voplus/morpho-workspace 1.0.0-dev06 → 1.0.0-dev08
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/AvatarList/index.js +5 -3
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/PageListView/index.js +3 -4
- package/es/components/PageListView/index.js.map +1 -1
- package/es/components/RichTextEditor/index.d.ts +1 -0
- package/es/components/RichTextEditor/index.js +28 -19
- package/es/components/RichTextEditor/index.js.map +1 -1
- package/es/components/RichTextEditor/state.d.ts +5 -0
- package/es/components/RichTextEditor/state.js +16 -0
- package/es/components/RichTextEditor/state.js.map +1 -0
- package/es/components/ToolBar/index.js +1 -1
- package/es/components/ToolBar/index.js.map +1 -1
- package/es/controls/FilterViewsDropdown/index.js +5 -5
- package/es/controls/FilterViewsDropdown/index.js.map +1 -1
- package/es/controls/MoreOperateDropdown/index.d.ts +2 -0
- package/es/controls/MoreOperateDropdown/index.js +10 -3
- package/es/controls/MoreOperateDropdown/index.js.map +1 -1
- package/es/controls/StarIcon/index.js +5 -3
- package/es/controls/StarIcon/index.js.map +1 -1
- package/es/controls/StarIcon/index.less +8 -0
- package/es/modules/document/components/DocumentDetail/index.js +2 -2
- package/es/modules/document/components/DocumentDetail/index.js.map +1 -1
- package/es/modules/document/pages/DocumentTabView/index.js +2 -2
- package/es/modules/document/pages/DocumentTabView/index.js.map +1 -1
- package/es/modules/tasks/TasksRoutes.js +6 -7
- package/es/modules/tasks/TasksRoutes.js.map +1 -1
- package/es/modules/tasks/components/NewTaskForm/index.js +5 -5
- package/es/modules/tasks/components/NewTaskForm/index.js.map +1 -1
- package/es/modules/tasks/components/SubTaskList/index.js +9 -21
- package/es/modules/tasks/components/SubTaskList/index.js.map +1 -1
- package/es/modules/tasks/components/TaskDetail/index.d.ts +1 -1
- package/es/modules/tasks/components/TaskDetail/index.js +14 -12
- package/es/modules/tasks/components/TaskDetail/index.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/TaskItem.js +12 -16
- package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/index.less +3 -0
- package/es/modules/tasks/pages/TaskDefaultView/index.d.ts +0 -1
- package/es/modules/tasks/pages/TaskDefaultView/index.js +32 -42
- package/es/modules/tasks/pages/TaskDefaultView/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskTabView/index.d.ts +1 -0
- package/es/modules/tasks/pages/TaskTabView/index.js +47 -34
- package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
- package/package.json +1 -1
- package/es/components/Comments/ChartInput.d.ts +0 -5
- package/es/components/Comments/ChartInput.js +0 -42
- package/es/components/Comments/ChartInput.js.map +0 -1
- package/es/components/Comments/Message.d.ts +0 -7
- package/es/components/Comments/Message.js +0 -64
- package/es/components/Comments/Message.js.map +0 -1
- package/es/components/Comments/Message.less +0 -202
- package/es/components/Comments/index.d.ts +0 -5
- package/es/components/Comments/index.js +0 -124
- package/es/components/Comments/index.js.map +0 -1
- package/es/components/Comments/index.less +0 -63
- /package/es/modules/tasks/pages/{TaskDefaultView → TaskTabView}/index.less +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskTabView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskTabView/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,42 +0,0 @@
|
|
1
|
-
import React, { useState } from "react";
|
2
|
-
import { Input, Icon, Upload } from "@voplus/antd";
|
3
|
-
import styles from "./index.less";
|
4
|
-
import { faPaperPlane } from "@fortawesome/pro-light-svg-icons";
|
5
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
6
|
-
export default (props) => {
|
7
|
-
const [message, setMessage] = useState();
|
8
|
-
const onUpload = (info) => {
|
9
|
-
if (info.file.status !== "uploading") {
|
10
|
-
console.log(info.file, info.fileList);
|
11
|
-
}
|
12
|
-
if (info.file.status === "done") {
|
13
|
-
console.log(`${info.file.name} file uploaded successfully`);
|
14
|
-
}
|
15
|
-
else if (info.file.status === "error") {
|
16
|
-
console.log(`${info.file.name} file upload failed.`);
|
17
|
-
}
|
18
|
-
};
|
19
|
-
const changeMessage = (e) => {
|
20
|
-
e.persist();
|
21
|
-
setMessage(e.target.value);
|
22
|
-
};
|
23
|
-
const sendMessage = () => {
|
24
|
-
if (!props.onReload)
|
25
|
-
return;
|
26
|
-
props.onReload({
|
27
|
-
msgId: Math.floor(Math.random() * 899 + 100),
|
28
|
-
userName: "HaHa2",
|
29
|
-
headImg: "",
|
30
|
-
action: message,
|
31
|
-
uid: "2"
|
32
|
-
});
|
33
|
-
setMessage("");
|
34
|
-
console.log("2222");
|
35
|
-
};
|
36
|
-
return (React.createElement("div", { className: "comment-input" },
|
37
|
-
React.createElement(Input, { value: message, placeholder: "Type a message here", prefix: React.createElement(Upload, { action: "https://www.mocky.io/v2/5cc8019d300000980a055e76", showUploadList: false, onChange: onUpload },
|
38
|
-
React.createElement(Icon, { type: "paper-clip" })), suffix: React.createElement("span", { onClick: sendMessage },
|
39
|
-
React.createElement(FAIcon, { icon: faPaperPlane })), onChange: changeMessage, onPressEnter: sendMessage }),
|
40
|
-
React.createElement(Icon, { type: "smile", className: styles["margin-left-10"] })));
|
41
|
-
};
|
42
|
-
//# sourceMappingURL=ChartInput.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ChartInput.js","sourceRoot":"","sources":["../../../src/components/Comments/ChartInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE3E,eAAe,CAAC,KAA4C,EAAE,EAAE;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;QAC9B,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE;YACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtC;QACD,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAChC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,6BAA6B,CAAC,CAAC;SAC5D;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE;YACxC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,sBAAsB,CAAC,CAAC;SACrD;IACF,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE;QAChC,CAAC,CAAC,OAAO,EAAE,CAAC;QACZ,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC5B,KAAK,CAAC,QAAQ,CAAC;YACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;YAC5C,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,GAAG;SACR,CAAC,CAAC;QACH,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B,oBAAC,KAAK,IACL,KAAK,EAAE,OAAO,EACd,WAAW,EAAC,qBAAqB,EACjC,MAAM,EACL,oBAAC,MAAM,IACN,MAAM,EAAC,kDAAkD,EACzD,cAAc,EAAE,KAAK,EACrB,QAAQ,EAAE,QAAQ;gBAElB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAClB,EAEV,MAAM,EACL,8BAAM,OAAO,EAAE,WAAW;gBACzB,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,CACxB,EAER,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,WAAW,GACxB;QACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACrD,CACN,CAAC;AACH,CAAC,CAAC"}
|
@@ -1,64 +0,0 @@
|
|
1
|
-
import React, { useState } from "react";
|
2
|
-
import { Menu, Avatar, Dropdown, Row, Input } from "@voplus/antd";
|
3
|
-
import { faComment, faTrashAlt, faClock, faFile, faThumbtack, faCheck, faEllipsisH, faChevronDown } from "@fortawesome/pro-light-svg-icons";
|
4
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
5
|
-
import styles from "./Message.less";
|
6
|
-
const menu = (React.createElement(Menu, { className: styles["reply-menu"] },
|
7
|
-
React.createElement(Menu.Item, null,
|
8
|
-
React.createElement(FAIcon, { icon: faComment }),
|
9
|
-
"Follow Message"),
|
10
|
-
React.createElement(Menu.Item, null,
|
11
|
-
React.createElement(FAIcon, { icon: faTrashAlt }),
|
12
|
-
"Delete Message"),
|
13
|
-
React.createElement(Menu.Item, null,
|
14
|
-
React.createElement(FAIcon, { icon: faClock }),
|
15
|
-
"Remind Me"),
|
16
|
-
React.createElement(Menu.Item, null,
|
17
|
-
React.createElement(FAIcon, { icon: faFile }),
|
18
|
-
"Copy Text"),
|
19
|
-
React.createElement(Menu.Item, null,
|
20
|
-
React.createElement(FAIcon, { icon: faThumbtack }),
|
21
|
-
"Pin Message"),
|
22
|
-
React.createElement(Menu.Divider, null),
|
23
|
-
React.createElement(Menu.Item, null,
|
24
|
-
React.createElement(FAIcon, { icon: faCheck }),
|
25
|
-
"Add Task")));
|
26
|
-
const a = () => {
|
27
|
-
return;
|
28
|
-
};
|
29
|
-
export default (props) => {
|
30
|
-
const [isShowMore, setShowMore] = useState(false);
|
31
|
-
const isMe = props.isMe;
|
32
|
-
const message = props.message;
|
33
|
-
const isRead = message.status === "read";
|
34
|
-
return (React.createElement("div", { className: styles[isMe ? "message-me" : "message-other"] },
|
35
|
-
React.createElement("div", { className: "message-main" },
|
36
|
-
React.createElement("div", { className: "message-content" },
|
37
|
-
React.createElement(Avatar, { size: 36, src: message.headImg }),
|
38
|
-
React.createElement("div", { className: "on-msg" },
|
39
|
-
!isMe && (React.createElement(Row, { type: "flex", justify: "space-between", align: "middle" },
|
40
|
-
React.createElement("span", null, message.userName),
|
41
|
-
React.createElement("span", { className: isRead ? "read" : "unread" }, isRead ? "Read" : "Unread"))),
|
42
|
-
message.action && React.createElement("div", { className: "bubble bubble-text" }, message.action),
|
43
|
-
message.type === "image" && (React.createElement("div", { className: "bubble bubble-img" },
|
44
|
-
React.createElement("img", { src: message.images, alt: "" }))),
|
45
|
-
React.createElement("div", { className: "reply-operate" },
|
46
|
-
React.createElement("div", { className: "date" }, "\u4E0A\u53489:33, Tue"),
|
47
|
-
React.createElement(Dropdown, { overlay: menu, trigger: ["click"], getPopupContainer: () => props.commentRef.current },
|
48
|
-
React.createElement("span", null,
|
49
|
-
"Reply ",
|
50
|
-
React.createElement(FAIcon, { icon: faEllipsisH, size: "lg", className: "more" })))))),
|
51
|
-
message.messages && (React.createElement("div", { className: isShowMore ? "reply-list show_in" : "reply-list show_out" },
|
52
|
-
message.messages.map((item) => (React.createElement("div", { key: item.msgId, className: "reply-message" },
|
53
|
-
React.createElement(Avatar, { size: 36, src: item.headImg }),
|
54
|
-
React.createElement("div", null, item.action)))),
|
55
|
-
React.createElement("div", { className: "reply-message" },
|
56
|
-
React.createElement(Avatar, { size: 36 }),
|
57
|
-
React.createElement(Input, { placeholder: "Add a reply..." })))),
|
58
|
-
message.messages && (React.createElement("div", { className: "reply-collapse", onClick: () => setShowMore(!isShowMore) },
|
59
|
-
React.createElement(FAIcon, { icon: faChevronDown, className: isShowMore ? "up" : "" }),
|
60
|
-
React.createElement("div", { className: isShowMore ? "hide-more" : "show-more" },
|
61
|
-
React.createElement(Avatar, null),
|
62
|
-
" 2Replies"))))));
|
63
|
-
};
|
64
|
-
//# sourceMappingURL=Message.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/components/Comments/Message.tsx"],"names":[],"mappings":"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"}
|
@@ -1,202 +0,0 @@
|
|
1
|
-
@import "../../styles/common.less";
|
2
|
-
.message-me,
|
3
|
-
.message-other {
|
4
|
-
display: flex;
|
5
|
-
:global {
|
6
|
-
.message-main {
|
7
|
-
max-width: 49%;
|
8
|
-
.message-content {
|
9
|
-
display: flex;
|
10
|
-
padding: 0 0 5px 10px;
|
11
|
-
.ant-avatar {
|
12
|
-
flex-shrink: 0;
|
13
|
-
}
|
14
|
-
.on-msg {
|
15
|
-
display: inline-block;
|
16
|
-
text-align: right;
|
17
|
-
.read,
|
18
|
-
.unread {
|
19
|
-
font-weight: bold;
|
20
|
-
font-size: 12px;
|
21
|
-
color: #000;
|
22
|
-
}
|
23
|
-
.unread {
|
24
|
-
color: #f00;
|
25
|
-
}
|
26
|
-
.bubble {
|
27
|
-
display: inline-block;
|
28
|
-
position: relative;
|
29
|
-
max-width: 320px;
|
30
|
-
border-radius: 6px;
|
31
|
-
img {
|
32
|
-
width: 100%;
|
33
|
-
border-radius: 4px;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
.bubble-text {
|
37
|
-
padding: 10px 15px;
|
38
|
-
line-height: 18px;
|
39
|
-
}
|
40
|
-
.bubble-img {
|
41
|
-
padding: 2px;
|
42
|
-
}
|
43
|
-
.bubble:before,
|
44
|
-
.bubble:after {
|
45
|
-
position: absolute;
|
46
|
-
content: "";
|
47
|
-
border-width: 5px;
|
48
|
-
top: 12px;
|
49
|
-
border-style: dashed solid solid dashed;
|
50
|
-
}
|
51
|
-
.reply-operate {
|
52
|
-
display: flex;
|
53
|
-
justify-content: space-between;
|
54
|
-
align-items: center;
|
55
|
-
font-size: 13px;
|
56
|
-
color: #666;
|
57
|
-
cursor: pointer;
|
58
|
-
.date {
|
59
|
-
padding: 2px;
|
60
|
-
font-size: 12px;
|
61
|
-
background: #f8f6ff;
|
62
|
-
color: #514c6a;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
.reply-me {
|
68
|
-
display: flex;
|
69
|
-
justify-content: flex-end;
|
70
|
-
}
|
71
|
-
.reply-list {
|
72
|
-
position: relative;
|
73
|
-
transition: opacity 0.4s;
|
74
|
-
.reply-message {
|
75
|
-
position: relative;
|
76
|
-
display: flex;
|
77
|
-
align-items: center;
|
78
|
-
padding-left: 15px;
|
79
|
-
line-height: 18px;
|
80
|
-
.ant-avatar {
|
81
|
-
flex-shrink: 0;
|
82
|
-
margin-right: 10px;
|
83
|
-
}
|
84
|
-
.ant-input {
|
85
|
-
border: 0;
|
86
|
-
border-radius: 15px;
|
87
|
-
background: rgba(248, 248, 250, 1);
|
88
|
-
}
|
89
|
-
}
|
90
|
-
.reply-message + .reply-message {
|
91
|
-
margin-top: 10px;
|
92
|
-
}
|
93
|
-
}
|
94
|
-
.show_out {
|
95
|
-
position: absolute;
|
96
|
-
opacity: 0;
|
97
|
-
// height: 0;
|
98
|
-
z-index: -1;
|
99
|
-
top: -99999px;
|
100
|
-
}
|
101
|
-
.show_in {
|
102
|
-
// height: auto;
|
103
|
-
opacity: 1;
|
104
|
-
}
|
105
|
-
.reply-list:before {
|
106
|
-
position: absolute;
|
107
|
-
content: "";
|
108
|
-
width: 5px;
|
109
|
-
height: 100%;
|
110
|
-
background: #edb74a;
|
111
|
-
left: 0;
|
112
|
-
right: 0;
|
113
|
-
border-radius: 2px;
|
114
|
-
}
|
115
|
-
|
116
|
-
.reply-collapse {
|
117
|
-
display: flex;
|
118
|
-
height: 32px;
|
119
|
-
align-items: center;
|
120
|
-
justify-content: center;
|
121
|
-
cursor: pointer;
|
122
|
-
font-weight: bold;
|
123
|
-
.ant-avatar {
|
124
|
-
margin: 0 10px;
|
125
|
-
}
|
126
|
-
.show-more {
|
127
|
-
opacity: 1;
|
128
|
-
transition: opacity 0.6s 0.1s;
|
129
|
-
}
|
130
|
-
.hide-more {
|
131
|
-
position: absolute;
|
132
|
-
left: -99999px;
|
133
|
-
opacity: 0;
|
134
|
-
}
|
135
|
-
.svg-inline--fa {
|
136
|
-
transition: transform 0.6s;
|
137
|
-
}
|
138
|
-
.up {
|
139
|
-
transform: rotate(-180deg);
|
140
|
-
}
|
141
|
-
}
|
142
|
-
}
|
143
|
-
}
|
144
|
-
}
|
145
|
-
.message-other {
|
146
|
-
:global {
|
147
|
-
.message-content .ant-avatar {
|
148
|
-
margin: 15px 10px 0 0;
|
149
|
-
}
|
150
|
-
.bubble {
|
151
|
-
background: #765fee;
|
152
|
-
color: #d6cbfd;
|
153
|
-
}
|
154
|
-
.bubble:before,
|
155
|
-
.bubble:after {
|
156
|
-
left: -10px;
|
157
|
-
border-color: transparent #765fee transparent transparent;
|
158
|
-
}
|
159
|
-
}
|
160
|
-
}
|
161
|
-
.message-me {
|
162
|
-
justify-content: flex-end;
|
163
|
-
:global {
|
164
|
-
.message-content {
|
165
|
-
flex-direction: row-reverse;
|
166
|
-
.ant-avatar {
|
167
|
-
margin-left: 10px;
|
168
|
-
}
|
169
|
-
.bubble {
|
170
|
-
border: 1px solid #e4e7ed;
|
171
|
-
color: #514c6a;
|
172
|
-
}
|
173
|
-
.bubble:before {
|
174
|
-
right: -11px;
|
175
|
-
border-color: transparent transparent transparent #e4e7ed;
|
176
|
-
}
|
177
|
-
.bubble:after {
|
178
|
-
right: -10px;
|
179
|
-
border-color: transparent transparent transparent #fff;
|
180
|
-
}
|
181
|
-
}
|
182
|
-
}
|
183
|
-
}
|
184
|
-
.message-me {
|
185
|
-
margin-top: -50px;
|
186
|
-
}
|
187
|
-
.message-me + .message-me,
|
188
|
-
.message-other + .message-other {
|
189
|
-
margin-top: 10px;
|
190
|
-
}
|
191
|
-
|
192
|
-
.reply-menu {
|
193
|
-
:global {
|
194
|
-
.svg-inline--fa {
|
195
|
-
margin-right: 10px;
|
196
|
-
}
|
197
|
-
.ant-dropdown-menu-item,
|
198
|
-
.ant-dropdown-menu-submenu-title {
|
199
|
-
color: #000;
|
200
|
-
}
|
201
|
-
}
|
202
|
-
}
|
@@ -1,124 +0,0 @@
|
|
1
|
-
import React, { useState, useEffect, useRef } from "react";
|
2
|
-
import { Empty } from "@voplus/antd";
|
3
|
-
import Message from "./Message";
|
4
|
-
import CommentInput from "./ChartInput";
|
5
|
-
import styles from "./index.less";
|
6
|
-
// import { ContextProvider } from "./data";
|
7
|
-
const generateUid = () => {
|
8
|
-
return new Date().getTime() + "" + Math.floor(Math.random() * 999 + 1);
|
9
|
-
};
|
10
|
-
const generateMsgId = () => {
|
11
|
-
return new Date().getTime() + "" + Math.floor(Math.random() * 899 + 100);
|
12
|
-
};
|
13
|
-
const headImg = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560534287675&di=fe324c5498e64a4a54d87bdee56a52b7&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fent%2Ftransform%2F20170818%2FIAPS-fykcppx9377606.jpg";
|
14
|
-
export default (props) => {
|
15
|
-
// const uid = generateUid();
|
16
|
-
const uid = "2";
|
17
|
-
const messages = [
|
18
|
-
{
|
19
|
-
msgId: generateMsgId(),
|
20
|
-
userName: "HaHa1",
|
21
|
-
headImg: headImg,
|
22
|
-
action: "Did you go to The Blue Pumpkin",
|
23
|
-
uid: "1",
|
24
|
-
status: "read",
|
25
|
-
messages: [
|
26
|
-
{ msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "2" },
|
27
|
-
{
|
28
|
-
msgId: generateMsgId(),
|
29
|
-
userName: "HaHa2",
|
30
|
-
headImg: headImg,
|
31
|
-
action: "We had a fantastic tiem",
|
32
|
-
uid: "1"
|
33
|
-
}
|
34
|
-
]
|
35
|
-
},
|
36
|
-
{
|
37
|
-
msgId: generateMsgId(),
|
38
|
-
userName: "HaHa2",
|
39
|
-
headImg: headImg,
|
40
|
-
action: "We had a fantastic tiem",
|
41
|
-
uid: "33"
|
42
|
-
},
|
43
|
-
{
|
44
|
-
msgId: generateMsgId(),
|
45
|
-
userName: "HaHa2",
|
46
|
-
headImg: headImg,
|
47
|
-
// action: "We had a fantastic tiem",
|
48
|
-
uid: "2",
|
49
|
-
type: "image",
|
50
|
-
images: headImg,
|
51
|
-
messages: [
|
52
|
-
{ msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "4" }
|
53
|
-
]
|
54
|
-
},
|
55
|
-
{
|
56
|
-
msgId: generateMsgId(),
|
57
|
-
userName: "HaHa1",
|
58
|
-
headImg: headImg,
|
59
|
-
action: "Did you go to The Blue Pumpkin",
|
60
|
-
uid: "3",
|
61
|
-
status: "unRead",
|
62
|
-
messages: [
|
63
|
-
{ msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "7" },
|
64
|
-
{
|
65
|
-
msgId: generateMsgId(),
|
66
|
-
userName: "HaHa2",
|
67
|
-
headImg: headImg,
|
68
|
-
action: "We had a fantastic tiem",
|
69
|
-
uid: "5"
|
70
|
-
},
|
71
|
-
{ msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "7" },
|
72
|
-
{
|
73
|
-
msgId: generateMsgId(),
|
74
|
-
userName: "HaHa2",
|
75
|
-
headImg: headImg,
|
76
|
-
action: "We had a fantastic tiem",
|
77
|
-
uid: "4"
|
78
|
-
}
|
79
|
-
]
|
80
|
-
},
|
81
|
-
{
|
82
|
-
msgId: generateMsgId(),
|
83
|
-
userName: "HaHa2",
|
84
|
-
headImg: headImg,
|
85
|
-
action: "We had a fantastic tiem",
|
86
|
-
uid: "2",
|
87
|
-
messages: [
|
88
|
-
{ msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "3" }
|
89
|
-
]
|
90
|
-
},
|
91
|
-
{
|
92
|
-
msgId: generateMsgId(),
|
93
|
-
userName: "HaHa2",
|
94
|
-
headImg: headImg,
|
95
|
-
action: "We had a fantastic tiem",
|
96
|
-
uid: "2"
|
97
|
-
}
|
98
|
-
];
|
99
|
-
const [messageList, setMessageList] = useState(messages);
|
100
|
-
const onReloadData = (info) => {
|
101
|
-
setMessageList([...messageList, info]);
|
102
|
-
};
|
103
|
-
// useEffect(() => setMessageList(messages));
|
104
|
-
const [loading, setLoading] = useState(true);
|
105
|
-
useEffect(() => {
|
106
|
-
setLoading(false);
|
107
|
-
});
|
108
|
-
const commentRef = useRef(document.createElement("div"));
|
109
|
-
useEffect(() => {
|
110
|
-
// console.log(loading, "loading");
|
111
|
-
// console.log(commentRef, "commentRef");
|
112
|
-
// if (!loading) {
|
113
|
-
commentRef.current.scrollTop = commentRef.current.scrollHeight;
|
114
|
-
// }
|
115
|
-
});
|
116
|
-
return (
|
117
|
-
// <ContextProvider>
|
118
|
-
React.createElement("div", { className: styles["comment-list-view"] },
|
119
|
-
messageList ? (React.createElement("div", { className: "comment-list", ref: commentRef }, messageList.map((message) => (React.createElement(Message, { key: message.msgId, message: message, isMe: uid === message.uid ? true : false, commentRef: commentRef }))))) : (React.createElement(Empty, { imageStyle: { marginTop: "200px" } })),
|
120
|
-
messageList && React.createElement(CommentInput, { onReload: onReloadData }))
|
121
|
-
// </ContextProvider>
|
122
|
-
);
|
123
|
-
};
|
124
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Comments/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
@import "~@voplus/antd/es/style/themes/default.less";
|
2
|
-
@import "../../styles/common.less";
|
3
|
-
.comment-list-view {
|
4
|
-
position: relative;
|
5
|
-
display: flex;
|
6
|
-
flex-direction: column;
|
7
|
-
height: 100%;
|
8
|
-
overflow: hidden;
|
9
|
-
// padding: 10px 20px;
|
10
|
-
:global {
|
11
|
-
.comment-view-header {
|
12
|
-
margin: 10px 20px 0 20px;
|
13
|
-
}
|
14
|
-
.comment-list {
|
15
|
-
position: relative;
|
16
|
-
padding: 10px 20px;
|
17
|
-
overflow-x: hidden;
|
18
|
-
scrollbar-color: transparent transparent;
|
19
|
-
-ms-overflow-style: none;
|
20
|
-
}
|
21
|
-
.comment-list::-webkit-scrollbar {
|
22
|
-
width: 8px;
|
23
|
-
}
|
24
|
-
.comment-list:hover {
|
25
|
-
scrollbar-color: auto;
|
26
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
27
|
-
scrollbar-shadow-color: rgba(0, 0, 0, 0.5);
|
28
|
-
}
|
29
|
-
.comment-list:hover::-webkit-scrollbar {
|
30
|
-
width: 8px;
|
31
|
-
background-color: #f5f5f5;
|
32
|
-
}
|
33
|
-
.comment-list:hover::-webkit-scrollbar-track {
|
34
|
-
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
|
35
|
-
border-radius: 10px;
|
36
|
-
background-color: #f5f5f5;
|
37
|
-
}
|
38
|
-
.comment-list:hover::-webkit-scrollbar-thumb {
|
39
|
-
border-radius: 10px;
|
40
|
-
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
|
41
|
-
background-color: rgba(0, 0, 0, 0.5);
|
42
|
-
}
|
43
|
-
.comment-input {
|
44
|
-
display: flex;
|
45
|
-
align-items: center;
|
46
|
-
border-top: 1px solid #e4e7ed;
|
47
|
-
padding: 10px 15px;
|
48
|
-
:global {
|
49
|
-
.anticon {
|
50
|
-
font-size: 16px;
|
51
|
-
color: #666;
|
52
|
-
cursor: pointer;
|
53
|
-
}
|
54
|
-
.ant-input {
|
55
|
-
border-radius: 15px;
|
56
|
-
}
|
57
|
-
.ant-input:focus {
|
58
|
-
box-shadow: none;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
}
|
62
|
-
}
|
63
|
-
}
|
File without changes
|