@voplus/morpho-workspace 1.0.0-dev05 → 1.0.0-dev07
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 +13 -4
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/AvatarList/index.less +1 -0
- package/es/components/PageListView/data/index.js +1 -1
- package/es/components/PageListView/data/index.js.map +1 -1
- package/es/components/PageListView/index.js +18 -13
- package/es/components/PageListView/index.js.map +1 -1
- package/es/components/RichTextEditor/index.d.ts +4 -1
- package/es/components/RichTextEditor/index.js +32 -23
- package/es/components/RichTextEditor/index.js.map +1 -1
- package/es/components/RichTextEditor/index.less +0 -3
- 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/data/task/TaskStore.d.ts +3 -1
- package/es/data/task/TaskStore.js.map +1 -1
- 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/meeting/components/MeetingDetail/index.d.ts +1 -0
- package/es/modules/meeting/components/MeetingDetail/index.js +9 -8
- package/es/modules/meeting/components/MeetingDetail/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingItem/index.d.ts +1 -0
- package/es/modules/meeting/components/MeetingItem/index.js +2 -2
- package/es/modules/meeting/components/MeetingItem/index.js.map +1 -1
- package/es/modules/meeting/pages/MeetingTabView/index.js +35 -30
- package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
- package/es/modules/tasks/TasksRoutes.js +8 -9
- 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 +24 -28
- package/es/modules/tasks/components/SubTaskList/index.js.map +1 -1
- package/es/modules/tasks/components/TaskDetail/index.d.ts +2 -1
- package/es/modules/tasks/components/TaskDetail/index.js +17 -16
- package/es/modules/tasks/components/TaskDetail/index.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/TaskItem.d.ts +1 -0
- package/es/modules/tasks/components/TaskItem/TaskItem.js +19 -25
- 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.js +53 -0
- package/es/modules/tasks/pages/TaskDefaultView/index.js.map +1 -0
- 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/es/styles/common.less +114 -121
- package/package.json +15 -15
- 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/TaskTestView/index.js +0 -61
- package/es/modules/tasks/pages/TaskTestView/index.js.map +0 -1
- /package/es/modules/tasks/pages/{TaskTestView → TaskDefaultView}/index.d.ts +0 -0
- /package/es/modules/tasks/pages/{TaskTestView → TaskTabView}/index.less +0 -0
package/es/styles/common.less
CHANGED
@@ -15,79 +15,144 @@
|
|
15
15
|
width: 100%;
|
16
16
|
border-bottom: 1px solid @primary-color;
|
17
17
|
}
|
18
|
-
.module-comment-view {
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
}
|
18
|
+
// .module-comment-view {
|
19
|
+
// display: flex;
|
20
|
+
// flex-direction: column;
|
21
|
+
// height: 100%;
|
22
|
+
// .ant-tabs {
|
23
|
+
// display: flex;
|
24
|
+
// flex-direction: column;
|
25
|
+
// .ant-tabs-content {
|
26
|
+
// height: 100%;
|
27
|
+
// }
|
28
|
+
// }
|
29
|
+
// }
|
30
30
|
.module-detail-view,
|
31
|
-
.module-
|
31
|
+
.module-default-view {
|
32
32
|
display: flex;
|
33
33
|
flex-direction: column;
|
34
34
|
height: 100%;
|
35
|
-
.module-view-header {
|
36
|
-
padding: 15px 20px;
|
37
|
-
background: #fff;
|
38
|
-
color: #666;
|
39
|
-
line-height: 20px;
|
40
|
-
}
|
41
35
|
.ant-tabs {
|
42
36
|
display: flex;
|
43
37
|
flex-direction: column;
|
44
38
|
height: 100%;
|
45
39
|
.ant-tabs-content {
|
46
40
|
height: 100%;
|
47
|
-
|
48
|
-
|
49
|
-
|
41
|
+
.ant-tabs-tabpane {
|
42
|
+
position: relative;
|
43
|
+
height: 100%;
|
44
|
+
}
|
50
45
|
}
|
51
46
|
.ant-tabs-bar {
|
52
47
|
margin: 0 20px;
|
53
48
|
}
|
49
|
+
.module-box {
|
50
|
+
height: 100%;
|
51
|
+
padding: 10px 20px;
|
52
|
+
box-sizing: border-box;
|
53
|
+
overflow-x: hidden;
|
54
|
+
}
|
54
55
|
}
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
56
|
+
}
|
57
|
+
.module-detail-view {
|
58
|
+
.module-view-header {
|
59
|
+
padding: 15px 20px 5px 20px;
|
60
|
+
// background: #fff;
|
61
|
+
// color: #666;
|
62
|
+
// line-height: 20px;
|
60
63
|
}
|
61
64
|
}
|
62
|
-
.module-
|
63
|
-
display: flex;
|
64
|
-
flex-direction: column;
|
65
|
-
height: 100%;
|
66
|
-
position: absolute;
|
67
|
-
width: 100%;
|
65
|
+
.module-default-view {
|
68
66
|
background: #f2f2f2;
|
69
|
-
.module-
|
70
|
-
|
67
|
+
.module-default-view_content,
|
68
|
+
.module-default-view_aside {
|
69
|
+
flex: 1;
|
70
|
+
background: #fff;
|
71
|
+
overflow-x: hidden;
|
71
72
|
}
|
72
|
-
.module-
|
73
|
+
.module-default-view_content {
|
74
|
+
padding: 15px 20px;
|
75
|
+
}
|
76
|
+
.module-default-view_aside {
|
73
77
|
display: flex;
|
78
|
+
flex-direction: column;
|
74
79
|
height: 100%;
|
75
|
-
.module-tab-view_left {
|
76
|
-
flex: 1;
|
77
|
-
margin-right: 10px;
|
78
|
-
overflow: auto;
|
79
|
-
background: #fff;
|
80
|
-
}
|
81
|
-
.module-tab-view_right {
|
82
|
-
display: flex;
|
83
|
-
flex-direction: column;
|
84
|
-
height: 100%;
|
85
|
-
flex: 1;
|
86
|
-
background: #fff;
|
87
|
-
}
|
88
80
|
}
|
89
81
|
}
|
82
|
+
.padding-vertical-10 {
|
83
|
+
padding: 10px 0;
|
84
|
+
}
|
85
|
+
.padding-top-5 {
|
86
|
+
padding-top: 5px;
|
87
|
+
}
|
88
|
+
.padding-top-10 {
|
89
|
+
padding-top: 10px;
|
90
|
+
}
|
91
|
+
.padding-left-10 {
|
92
|
+
padding-left: 10px;
|
93
|
+
}
|
94
|
+
.padding-left-20 {
|
95
|
+
padding-left: 20px;
|
96
|
+
}
|
97
|
+
.padding-right-10 {
|
98
|
+
padding-right: 10px;
|
99
|
+
}
|
100
|
+
.padding-bottom-5 {
|
101
|
+
padding-bottom: 5px;
|
102
|
+
}
|
103
|
+
.padding-bottom-15 {
|
104
|
+
padding-bottom: 15px;
|
105
|
+
}
|
106
|
+
.padding-bottom-20 {
|
107
|
+
padding-bottom: 20px;
|
108
|
+
}
|
109
|
+
.margin-left-5 {
|
110
|
+
margin-left: 5px;
|
111
|
+
}
|
112
|
+
.margin-right-5 {
|
113
|
+
margin-right: 5px;
|
114
|
+
}
|
115
|
+
.margin-left-10 {
|
116
|
+
margin-left: 10px;
|
117
|
+
}
|
118
|
+
.margin-left-20 {
|
119
|
+
margin-left: 20px;
|
120
|
+
}
|
121
|
+
.margin-left-30 {
|
122
|
+
margin-left: 30px;
|
123
|
+
}
|
124
|
+
.margin-right-10 {
|
125
|
+
margin-right: 10px;
|
126
|
+
}
|
127
|
+
.margin-right-15 {
|
128
|
+
margin-right: 15px;
|
129
|
+
}
|
130
|
+
.margin-right-20 {
|
131
|
+
margin-right: 20px;
|
132
|
+
}
|
133
|
+
.margin-top-5 {
|
134
|
+
margin-top: 5px;
|
135
|
+
}
|
136
|
+
.margin-top-10 {
|
137
|
+
margin-top: 10px;
|
138
|
+
}
|
139
|
+
.margin-bottom-5 {
|
140
|
+
margin-bottom: 5px;
|
141
|
+
}
|
142
|
+
.margin-bottom-10 {
|
143
|
+
margin-bottom: 10px;
|
144
|
+
}
|
145
|
+
.margin-bottom-15 {
|
146
|
+
margin-bottom: 15px;
|
147
|
+
}
|
148
|
+
.margin-bottom-20 {
|
149
|
+
margin-bottom: 20px;
|
150
|
+
}
|
151
|
+
.margin-bottom-25 {
|
152
|
+
margin-bottom: 25px;
|
153
|
+
}
|
90
154
|
}
|
155
|
+
|
91
156
|
.tool-bar-icon {
|
92
157
|
display: inline-block;
|
93
158
|
width: 22px;
|
@@ -115,75 +180,3 @@
|
|
115
180
|
.done:hover {
|
116
181
|
background: #a8a8a8;
|
117
182
|
}
|
118
|
-
.padding-vertical-10 {
|
119
|
-
padding: 10px 0;
|
120
|
-
}
|
121
|
-
.padding-top-5 {
|
122
|
-
padding-top: 5px;
|
123
|
-
}
|
124
|
-
.padding-top-10 {
|
125
|
-
padding-top: 10px;
|
126
|
-
}
|
127
|
-
.padding-left-10 {
|
128
|
-
padding-left: 10px;
|
129
|
-
}
|
130
|
-
.padding-left-20 {
|
131
|
-
padding-left: 20px;
|
132
|
-
}
|
133
|
-
.padding-right-10 {
|
134
|
-
padding-right: 10px;
|
135
|
-
}
|
136
|
-
.padding-bottom-5 {
|
137
|
-
padding-bottom: 5px;
|
138
|
-
}
|
139
|
-
.padding-bottom-15 {
|
140
|
-
padding-bottom: 15px;
|
141
|
-
}
|
142
|
-
.padding-bottom-20 {
|
143
|
-
padding-bottom: 20px;
|
144
|
-
}
|
145
|
-
.margin-left-5 {
|
146
|
-
margin-left: 5px;
|
147
|
-
}
|
148
|
-
.margin-right-5 {
|
149
|
-
margin-right: 5px;
|
150
|
-
}
|
151
|
-
.margin-left-10 {
|
152
|
-
margin-left: 10px;
|
153
|
-
}
|
154
|
-
.margin-left-20 {
|
155
|
-
margin-left: 20px;
|
156
|
-
}
|
157
|
-
.margin-left-30 {
|
158
|
-
margin-left: 30px;
|
159
|
-
}
|
160
|
-
.margin-right-10 {
|
161
|
-
margin-right: 10px;
|
162
|
-
}
|
163
|
-
.margin-right-15 {
|
164
|
-
margin-right: 15px;
|
165
|
-
}
|
166
|
-
.margin-right-20 {
|
167
|
-
margin-right: 20px;
|
168
|
-
}
|
169
|
-
.margin-top-5 {
|
170
|
-
margin-top: 5px;
|
171
|
-
}
|
172
|
-
.margin-top-10 {
|
173
|
-
margin-top: 10px;
|
174
|
-
}
|
175
|
-
.margin-bottom-5 {
|
176
|
-
margin-bottom: 5px;
|
177
|
-
}
|
178
|
-
.margin-bottom-10 {
|
179
|
-
margin-bottom: 10px;
|
180
|
-
}
|
181
|
-
.margin-bottom-15 {
|
182
|
-
margin-bottom: 15px;
|
183
|
-
}
|
184
|
-
.margin-bottom-20 {
|
185
|
-
margin-bottom: 20px;
|
186
|
-
}
|
187
|
-
.margin-bottom-25 {
|
188
|
-
margin-bottom: 25px;
|
189
|
-
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@voplus/morpho-workspace",
|
3
|
-
"version": "1.0.0-
|
3
|
+
"version": "1.0.0-dev07",
|
4
4
|
"description": "morpho workspace module",
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -34,18 +34,18 @@
|
|
34
34
|
"@fortawesome/free-solid-svg-icons": "^5.11.2",
|
35
35
|
"@fortawesome/pro-light-svg-icons": "^5.11.2",
|
36
36
|
"@fortawesome/react-fontawesome": "^0.1.5",
|
37
|
-
"@storybook/addon-knobs": "^5.2.
|
38
|
-
"@storybook/react": "^5.2.
|
37
|
+
"@storybook/addon-knobs": "^5.2.3",
|
38
|
+
"@storybook/react": "^5.2.3",
|
39
39
|
"@types/classnames": "^2.2.9",
|
40
|
-
"@types/draft-js": "^0.10.
|
40
|
+
"@types/draft-js": "^0.10.36",
|
41
41
|
"@types/emoji-mart": "^2.11.0",
|
42
42
|
"@types/enzyme": "^3.10.3",
|
43
43
|
"@types/enzyme-adapter-react-16": "^1.0.3",
|
44
44
|
"@types/invariant": "^2.2.30",
|
45
45
|
"@types/jest": "^24.0.18",
|
46
46
|
"@types/lodash-es": "^4.17.3",
|
47
|
-
"@types/node": "^12.7.
|
48
|
-
"@types/react": "^16.9.
|
47
|
+
"@types/node": "^12.7.11",
|
48
|
+
"@types/react": "^16.9.5",
|
49
49
|
"@types/react-addons-css-transition-group": "^15.0.5",
|
50
50
|
"@types/react-dom": "^16.9.0",
|
51
51
|
"@types/react-highlight-words": "^0.16.0",
|
@@ -56,7 +56,7 @@
|
|
56
56
|
"@voplus/morpho-client-test": "^1.0.0-dev009",
|
57
57
|
"@voplus/morpho-collaboration": "^1.0.0-dev012",
|
58
58
|
"@voplus/morpho-data": "^1.0.0-dev058",
|
59
|
-
"@voplus/morpho-document": "^1.0.0-
|
59
|
+
"@voplus/morpho-document": "^1.0.0-dev054",
|
60
60
|
"@voplus/morpho-org": "^1.0.0-dev018",
|
61
61
|
"@voplus/morpho-ui": "^1.0.0-dev055",
|
62
62
|
"babel-jest": "^24.9.0",
|
@@ -72,8 +72,8 @@
|
|
72
72
|
"emoji-mart": "^2.9.2",
|
73
73
|
"enzyme": "^3.10.0",
|
74
74
|
"enzyme-adapter-react-16": "^1.14.0",
|
75
|
-
"enzyme-to-json": "^3.4.
|
76
|
-
"fetch-mock": "^7.
|
75
|
+
"enzyme-to-json": "^3.4.2",
|
76
|
+
"fetch-mock": "^7.5.1",
|
77
77
|
"file-saver": "^2.0.2",
|
78
78
|
"history": "^4.10.1",
|
79
79
|
"html-webpack-plugin": "^3.2.0",
|
@@ -88,18 +88,18 @@
|
|
88
88
|
"less-loader": "^5.0.0",
|
89
89
|
"lodash-es": "^4.17.11",
|
90
90
|
"mini-css-extract-plugin": "^0.7.0",
|
91
|
-
"mobx": "^5.
|
91
|
+
"mobx": "^5.14.0",
|
92
92
|
"mobx-react-lite": "^1.4.1",
|
93
93
|
"mobx-utils": "^5.4.1",
|
94
94
|
"mockjs": "^1.0.1-beta3",
|
95
95
|
"moment": "^2.24.0",
|
96
96
|
"progress-bar-webpack-plugin": "^1.11.0",
|
97
|
-
"react": "^16.10.
|
97
|
+
"react": "^16.10.2",
|
98
98
|
"react-addons-css-transition-group": "^15.6.2",
|
99
|
-
"react-dom": "^16.10.
|
99
|
+
"react-dom": "^16.10.2",
|
100
100
|
"react-highlight-words": "^0.16.0",
|
101
|
-
"react-router": "^5.
|
102
|
-
"react-router-dom": "^5.
|
101
|
+
"react-router": "^5.1.2",
|
102
|
+
"react-router-dom": "^5.1.2",
|
103
103
|
"string": "^3.3.3",
|
104
104
|
"strongly-typed-events": "^1.6.3",
|
105
105
|
"style-loader": "^0.23.1",
|
@@ -113,7 +113,7 @@
|
|
113
113
|
"typescript": "^3.6.3",
|
114
114
|
"webpack": "^4.40.2",
|
115
115
|
"webpack-cli": "^3.3.9",
|
116
|
-
"webpack-dev-server": "^3.8.
|
116
|
+
"webpack-dev-server": "^3.8.2",
|
117
117
|
"webpack-merge": "^4.2.2",
|
118
118
|
"webpack-node-externals": "^1.7.2"
|
119
119
|
},
|
@@ -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
|
-
}
|