@seafile/sdoc-editor 1.0.121 → 1.0.123

package/dist/basic-sdk/comment/components/comment-item-collapse-wrapper.js

@@ -32,6 +32,11 @@ const CommentItemCollapseWrapper = _ref => {
   const [commentContent, setCommentContent] = (0, _react.useState)('');
   const [replyContent, setReplyContent] = (0, _react.useState)('');
   const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${topLevelComment.id}`] ? true : false;
+  const isReplayUnseen = (0, _react.useMemo)(() => {
+    if (!latestReply) return false;
+    const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${topLevelComment.id}_${latestReply.id}`] ? true : false;
+    return isUnseen;
+  }, [latestReply, notificationsInfo.notifications_map, topLevelComment.id]);
   (0, _react.useEffect)(() => {
     const initCommentContent = async () => {
       const htmlString = await _mdToHtml.default.process(topLevelComment.comment);
@@ -122,6 +127,8 @@ const CommentItemCollapseWrapper = _ref => {
     className: "comments-count"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-comments"
+  }), isReplayUnseen && /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-unread-message-tip"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "comments-count-number"
   }, replyCount)), /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/comment/components/comment-list.css

@@ -52,6 +52,7 @@
   overflow-y: auto;
   margin: 0;
   padding: 0;
+  padding-bottom: 16px;
 }
 
 .sdoc-comment-list-container .comment-item {
@@ -60,6 +61,10 @@
   cursor: pointer;
 }
 
+.sdoc-comment-list-container .comment-item .comment-item-operation-wrapper {
+  margin-top: -12px;
+}
+
 .comment-delete-popover .comment-delete-popover-container {
   padding: 16px;
 }
@@ -70,10 +75,6 @@
   width: 100%;
 }
 
-.sdoc-comment-list-container .comment-ui-container.active .comment-item:hover {
-  background: #fafafa;
-}
-
 .sdoc-comment-list-container .comment-item .comment-header,
 .sdoc-comment-list-container .comment-item .comment-author {
   display: flex;
@@ -172,8 +173,8 @@
 }
 
 .sdoc-comment-list-container .comment-ui-container .comment-operation {
-  width: 32px;
-  height: 32px;
+  width: 24px;
+  height: 24px;
   padding: 0 !important;
   display: flex;
   align-items: center;
@@ -189,11 +190,6 @@
   background-color: #f0f0f0;
 }
 
-.sdoc-comment-list-container .comment-ui-container .comment-operation .sdoc-confirm {
-  color: #20a0ff;
-  font-weight: 800;
-}
-
 .sdoc-comment-menu {
   padding: 0;
   border-radius: 2px;
@@ -322,7 +318,7 @@
 }
 
 .sdoc-article-container .sdoc-comment-list-container .comment-item {
-  padding: 16px;
+  padding: 16px 16px 0px 16px;
 }
 
 .sdoc-article-container .sdoc-comment-list-container .comment-item .comment-editor-wrapper.pb-3 {

package/dist/basic-sdk/comment/components/comment-operation/index.js

@@ -12,7 +12,6 @@ require("./index.css");
 function CommentsOperation() {
   const [unseenNotificationsCount, setUnseenNotificationsCount] = (0, _react.useState)(0);
   const updateUnseenNotificationsCount = (0, _react.useCallback)(count => {
-    console.log(count);
     setUnseenNotificationsCount(count);
   }, []);
   (0, _react.useEffect)(() => {

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -206,6 +206,10 @@
   background-color: #f5f5f5;
 }
 
+.sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container .comment-item-list {
+  padding-bottom: 0px;
+}
+
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container .comment-item {
   padding: 0px
 }
@@ -235,6 +239,19 @@
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count {
   display: flex;
   align-items: center;
+  position: relative;
+}
+
+.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count .sdoc-unread-message-tip {
+  position: absolute;
+  left: 6px;
+  top: 12px;
+  display: inline-block;
+  height: 6px;
+  width: 6px;
+  border-radius: 50%;
+  background-color: #fc6440;
+  margin-left: 6px;
 }
 
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count .comments-count-number {
@@ -247,10 +264,6 @@
   align-items: unset;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-item-operation-wrapper {
-  margin-top: -12px;
-}
-
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-item-operation-wrapper .comment-operation {
   width: 24px;
   height: 24px;

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -25,6 +25,7 @@ require("./index.css");
 const GlobalComment = _ref => {
   let {
     editor,
+    deleteUnseenNotifications,
     t
   } = _ref;
   const commentRef = (0, _react.useRef)(null);
@@ -120,10 +121,11 @@ const GlobalComment = _ref => {
     const activeCommentGroup = commentList.find(item => item.id === commentGroupId);
     if (activeCommentGroup) {
       setActiveCommentGroup(activeCommentGroup);
+      deleteUnseenNotifications && deleteUnseenNotifications(activeCommentGroup);
     } else {
       setActiveCommentGroup(null);
     }
-  }, [commentList]);
+  }, [commentList, deleteUnseenNotifications]);
   const commentEditorPlaceholder = !activeCommentGroup ? t('Enter_comment_shift_enter_for_new_line_Enter_to_send') : t('Enter_reply_shift_Enter_for_new_line_Enter_to_send');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-drawer"

package/dist/basic-sdk/comment/index.js

@@ -59,6 +59,7 @@ const CommentWrapper = _ref => {
     deleteUnseenNotifications: deleteUnseenNotifications,
     editor: editor
   }), type === 'global' && /*#__PURE__*/_react.default.createElement(_components.GlobalComment, {
+    deleteUnseenNotifications: deleteUnseenNotifications,
     editor: editor
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.121",
+  "version": "1.0.123",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",