@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.
Files changed (73) hide show
  1. package/es/components/AvatarList/index.js +13 -4
  2. package/es/components/AvatarList/index.js.map +1 -1
  3. package/es/components/AvatarList/index.less +1 -0
  4. package/es/components/PageListView/data/index.js +1 -1
  5. package/es/components/PageListView/data/index.js.map +1 -1
  6. package/es/components/PageListView/index.js +18 -13
  7. package/es/components/PageListView/index.js.map +1 -1
  8. package/es/components/RichTextEditor/index.d.ts +4 -1
  9. package/es/components/RichTextEditor/index.js +32 -23
  10. package/es/components/RichTextEditor/index.js.map +1 -1
  11. package/es/components/RichTextEditor/index.less +0 -3
  12. package/es/components/RichTextEditor/state.d.ts +5 -0
  13. package/es/components/RichTextEditor/state.js +16 -0
  14. package/es/components/RichTextEditor/state.js.map +1 -0
  15. package/es/components/ToolBar/index.js +1 -1
  16. package/es/components/ToolBar/index.js.map +1 -1
  17. package/es/controls/FilterViewsDropdown/index.js +5 -5
  18. package/es/controls/FilterViewsDropdown/index.js.map +1 -1
  19. package/es/controls/MoreOperateDropdown/index.d.ts +2 -0
  20. package/es/controls/MoreOperateDropdown/index.js +10 -3
  21. package/es/controls/MoreOperateDropdown/index.js.map +1 -1
  22. package/es/controls/StarIcon/index.js +5 -3
  23. package/es/controls/StarIcon/index.js.map +1 -1
  24. package/es/controls/StarIcon/index.less +8 -0
  25. package/es/data/task/TaskStore.d.ts +3 -1
  26. package/es/data/task/TaskStore.js.map +1 -1
  27. package/es/modules/document/components/DocumentDetail/index.js +2 -2
  28. package/es/modules/document/components/DocumentDetail/index.js.map +1 -1
  29. package/es/modules/document/pages/DocumentTabView/index.js +2 -2
  30. package/es/modules/document/pages/DocumentTabView/index.js.map +1 -1
  31. package/es/modules/meeting/components/MeetingDetail/index.d.ts +1 -0
  32. package/es/modules/meeting/components/MeetingDetail/index.js +9 -8
  33. package/es/modules/meeting/components/MeetingDetail/index.js.map +1 -1
  34. package/es/modules/meeting/components/MeetingItem/index.d.ts +1 -0
  35. package/es/modules/meeting/components/MeetingItem/index.js +2 -2
  36. package/es/modules/meeting/components/MeetingItem/index.js.map +1 -1
  37. package/es/modules/meeting/pages/MeetingTabView/index.js +35 -30
  38. package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
  39. package/es/modules/tasks/TasksRoutes.js +8 -9
  40. package/es/modules/tasks/TasksRoutes.js.map +1 -1
  41. package/es/modules/tasks/components/NewTaskForm/index.js +5 -5
  42. package/es/modules/tasks/components/NewTaskForm/index.js.map +1 -1
  43. package/es/modules/tasks/components/SubTaskList/index.js +24 -28
  44. package/es/modules/tasks/components/SubTaskList/index.js.map +1 -1
  45. package/es/modules/tasks/components/TaskDetail/index.d.ts +2 -1
  46. package/es/modules/tasks/components/TaskDetail/index.js +17 -16
  47. package/es/modules/tasks/components/TaskDetail/index.js.map +1 -1
  48. package/es/modules/tasks/components/TaskItem/TaskItem.d.ts +1 -0
  49. package/es/modules/tasks/components/TaskItem/TaskItem.js +19 -25
  50. package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
  51. package/es/modules/tasks/components/TaskItem/index.less +3 -0
  52. package/es/modules/tasks/pages/TaskDefaultView/index.js +53 -0
  53. package/es/modules/tasks/pages/TaskDefaultView/index.js.map +1 -0
  54. package/es/modules/tasks/pages/TaskTabView/index.d.ts +1 -0
  55. package/es/modules/tasks/pages/TaskTabView/index.js +47 -34
  56. package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
  57. package/es/styles/common.less +114 -121
  58. package/package.json +15 -15
  59. package/es/components/Comments/ChartInput.d.ts +0 -5
  60. package/es/components/Comments/ChartInput.js +0 -42
  61. package/es/components/Comments/ChartInput.js.map +0 -1
  62. package/es/components/Comments/Message.d.ts +0 -7
  63. package/es/components/Comments/Message.js +0 -64
  64. package/es/components/Comments/Message.js.map +0 -1
  65. package/es/components/Comments/Message.less +0 -202
  66. package/es/components/Comments/index.d.ts +0 -5
  67. package/es/components/Comments/index.js +0 -124
  68. package/es/components/Comments/index.js.map +0 -1
  69. package/es/components/Comments/index.less +0 -63
  70. package/es/modules/tasks/pages/TaskTestView/index.js +0 -61
  71. package/es/modules/tasks/pages/TaskTestView/index.js.map +0 -1
  72. /package/es/modules/tasks/pages/{TaskTestView → TaskDefaultView}/index.d.ts +0 -0
  73. /package/es/modules/tasks/pages/{TaskTestView → TaskTabView}/index.less +0 -0
@@ -15,79 +15,144 @@
15
15
  width: 100%;
16
16
  border-bottom: 1px solid @primary-color;
17
17
  }
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
- }
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-tab-view {
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
- .ant-tabs-tabpane {
49
- position: relative;
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
- .module-box {
56
- height: 100%;
57
- padding: 10px 20px;
58
- box-sizing: border-box;
59
- overflow-x: hidden;
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-tab-view {
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-view-header {
70
- margin-bottom: 10px;
67
+ .module-default-view_content,
68
+ .module-default-view_aside {
69
+ flex: 1;
70
+ background: #fff;
71
+ overflow-x: hidden;
71
72
  }
72
- .module-tab-view_main {
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-dev05",
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.1",
38
- "@storybook/react": "^5.2.1",
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.35",
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.5",
48
- "@types/react": "^16.9.2",
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-dev045",
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.0",
76
- "fetch-mock": "^7.4.0",
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.13.1",
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.1",
97
+ "react": "^16.10.2",
98
98
  "react-addons-css-transition-group": "^15.6.2",
99
- "react-dom": "^16.10.1",
99
+ "react-dom": "^16.10.2",
100
100
  "react-highlight-words": "^0.16.0",
101
- "react-router": "^5.0.1",
102
- "react-router-dom": "^5.0.1",
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.1",
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,5 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: (props: {
3
- onReload?: ((params?: any) => void) | undefined;
4
- }) => JSX.Element;
5
- export default _default;
@@ -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,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: (props: {
3
- isMe?: boolean | undefined;
4
- message: any;
5
- commentRef: any;
6
- }) => JSX.Element;
7
- export default _default;
@@ -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,5 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: (props: {
3
- showHeader?: true | undefined;
4
- }) => JSX.Element;
5
- export default _default;