@seafile/sdoc-editor 2.0.79 → 2.0.80-test-0.0.1

package/dist/basic-sdk/api/sdoc-server-api.js

@@ -27,10 +27,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -40,10 +40,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/normalize-sdoc`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/normalize-sdoc");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -53,12 +53,12 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/");
     const formData = new FormData();
     formData.append('doc_content', content);
     return _axios.default.post(url, formData, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -68,10 +68,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/collaborators/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/collaborators/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -81,10 +81,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/");
     return _axios.default.get(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -94,10 +94,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/");
     return _axios.default.post(url, comment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -107,10 +107,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     return _axios.default.delete(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -120,10 +120,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     return _axios.default.put(url, newComment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -133,7 +133,7 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/");
     const newComment = {};
     if (resolved) {
       newComment.resolved = 'true';
@@ -142,7 +142,7 @@ class SDocServerApi {
     }
     return _axios.default.put(url, newComment, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -152,10 +152,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/");
     return _axios.default.post(url, reply, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -165,10 +165,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/").concat(replyId, "/");
     return _axios.default.delete(url, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }
@@ -178,10 +178,10 @@ class SDocServerApi {
       docUuid,
       accessToken
     } = this;
-    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    const url = "".concat(server, "/api/v1/docs/").concat(docUuid, "/comment/").concat(commentId, "/replies/").concat(replyId, "/");
     return _axios.default.put(url, reply, {
       headers: {
-        Authorization: `Token ${accessToken}`
+        Authorization: "Token ".concat(accessToken)
       }
     });
   }

package/dist/basic-sdk/api/seafile-api.js

@@ -181,11 +181,11 @@ class SeafileAPI {
 
   // notification
   listUnseenNotifications(docUuid) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     return this.req.get(url);
   }
   deleteUnseenNotifications(docUuid, notificationIds) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     const params = {
       ids: notificationIds
     };
@@ -194,7 +194,7 @@ class SeafileAPI {
     });
   }
   readAllNotifications(docUuid) {
-    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
     return this.req.put(url);
   }
   aiTranslate(docUuid, text, lang) {

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

@@ -24,7 +24,7 @@ const commentDecorate = editor => _ref => {
           path: path,
           offset: _slate.Node.string(node).length
         },
-        [`sdoc_comment_${commentedContextId}`]: true
+        ["sdoc_comment_".concat(commentedContextId)]: true
       });
     }
   }

package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js

@@ -23,7 +23,7 @@ const ParticipantAvatar = _ref => {
     name,
     avatar_url
   } = participant;
-  const id = `comment-participant-avatar-${index}-${Math.floor(Math.random() * 1000)}`;
+  const id = "comment-participant-avatar-".concat(index, "-").concat(Math.floor(Math.random() * 1000));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('comment-participant-avatar', {
       'position-relative': showMore

package/dist/basic-sdk/comment/components/comment-context-menu/index.js

@@ -16,6 +16,11 @@ const CommentContextMenu = _ref => {
     isRichEditor
   } = _ref;
   const onCommentClick = (0, _react.useCallback)(event => {
+    // Make context toolbar disappear
+    const contextToolBarDom = document.querySelector('.sdoc-context-toolbar');
+    if (contextToolBarDom) {
+      contextToolBarDom.removeAttribute('style');
+    }
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT);
   }, []);

package/dist/basic-sdk/comment/components/comment-delete-popover.js

@@ -67,7 +67,7 @@ const CommentDeletePopover = _ref => {
     ref: popoverRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "delete-tip"
-  }, t(`Are_you_sure_to_delete_this_${type === 'comment' ? 'comment' : 'reply'}`)), /*#__PURE__*/_react.default.createElement("div", {
+  }, t("Are_you_sure_to_delete_this_".concat(type === 'comment' ? 'comment' : 'reply'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "delete-control mt-5"
   }, /*#__PURE__*/_react.default.createElement("button", {
     className: "btn btn-secondary mr-2",

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

@@ -33,15 +33,17 @@ const CommentItemCollapseWrapper = _ref => {
   } = (0, _notificationHooks.useNotificationContext)();
   const [commentContent, setCommentContent] = (0, _react.useState)('');
   const [replyContent, setReplyContent] = (0, _react.useState)('');
-  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${topLevelComment.id}`] ? true : false;
+  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(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;
+    const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(topLevelComment.id, "_").concat(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);
+      console.log(1, htmlString);
+      console.log(2, String(htmlString));
       setCommentContent(String(htmlString));
     };
     initCommentContent();
@@ -78,7 +80,7 @@ const CommentItemCollapseWrapper = _ref => {
     setCurrentCommentGroup(topLevelComment.id);
   }, [setCurrentCommentGroup, topLevelComment.id]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${topLevelComment.id}`,
+    id: "comment-item-wrapper_".concat(topLevelComment.id),
     className: (0, _classnames.default)('comment-collapse-wrapper', 'comment-ui-container', {
       'sdoc-resolved': topLevelComment.resolved,
       'd-flex flex-column': element

package/dist/basic-sdk/comment/components/comment-item-content.js

@@ -1,15 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _dayjs = _interopRequireDefault(require("dayjs"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
 var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
 var _context = _interopRequireDefault(require("../../context"));
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
@@ -36,13 +38,33 @@ const CommentItemContent = _ref => {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${comment.id}`] ? true : false;
+  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(comment.id)] ? true : false;
   (0, _react.useEffect)(() => {
     transferHtml(comment.comment);
   }, [comment.comment]);
   const transferHtml = async mdString => {
+    // const htmlString = String(await processor.process(mdString)).replace(
+    //   /<img\s+([^>]*?)src="\/(.*?)"/g,
+    //   `<img $1src="${baseUrl}/$2"`
+    // );
+
     const htmlString = await _mdToHtml.default.process(mdString);
-    setEditorContent(String(htmlString));
+    console.log(3, mdString, htmlString);
+    console.log(4, String(htmlString));
+    const htmlStringRes = String(htmlString);
+    let newHtmlString = htmlStringRes;
+
+    // return urlJoin(serviceUrl, assetsUrl, url);
+
+    if (htmlStringRes.includes('<img')) {
+      const serviceUrl = _context.default.getSetting('serviceUrl');
+      const assetsUrl = _context.default.getSetting('assetsUrl');
+      const baseUrl = (0, _urlJoin.default)(serviceUrl, assetsUrl);
+      console.log(2, baseUrl);
+      newHtmlString = htmlStringRes.replace(/<img\s+([^>]*?)src="\/(.*?)"/g, "<img $1src=\"".concat(baseUrl, "/$2\""));
+    }
+    // console.log(111, htmlStringRes, htmlStringRes.includes('<img'))
+    setEditorContent(newHtmlString);
   };
   const onDeleteToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
@@ -54,10 +76,9 @@ const CommentItemContent = _ref => {
       const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
       const newComment = {
         comment: content,
-        detail: {
-          ...comment.detail,
+        detail: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, comment.detail), {}, {
           comment: content
-        },
+        }),
         updated_at: time
       };
       updateComment(commentId, newComment);
@@ -79,7 +100,7 @@ const CommentItemContent = _ref => {
     event.stopPropagation();
     updateCommentResolved(false);
   }, [updateCommentResolved]);
-  const menuId = (0, _react.useMemo)(() => `comment_${comment.id}`, [comment]);
+  const menuId = (0, _react.useMemo)(() => "comment_".concat(comment.id), [comment]);
   const user = _context.default.getUserInfo();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item"
@@ -102,16 +123,16 @@ const CommentItemContent = _ref => {
     className: "comment-success-resolved sdocfont sdoc-mark-as-resolved"
   })))), isUnseen && !isActive && /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-unread-message-tip"
-  }), isActive && comment.user_email === user.username && /*#__PURE__*/_react.default.createElement("div", {
+  }), isActive && [comment === null || comment === void 0 ? void 0 : comment.user_email, comment === null || comment === void 0 ? void 0 : comment.author].includes(user.username) && /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex comment-item-operation-wrapper"
-  }, !comment.resolved && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    id: `tooltip_${menuId}`,
+  }, (!comment.resolved || (comment === null || comment === void 0 ? void 0 : comment.isContextComment)) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    id: "tooltip_".concat(menuId),
     className: "comment-operation mr-2",
     onClick: markAsResolved
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-confirm"
   })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: `tooltip_${menuId}`
+    target: "tooltip_".concat(menuId)
   }, t('Resolved_tip'))), /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     id: targetId,
     isOpen: isDropdownOpen,

package/dist/basic-sdk/comment/components/comment-item-reply.js

@@ -27,7 +27,7 @@ const CommentItemReply = _ref => {
   const itemRef = (0, _react.useRef)(null);
   const [isEditing, setIsEditing] = (0, _react.useState)(false);
   const [editorContent, setEditorContent] = (0, _react.useState)('');
-  const replyOpToolsId = `replyOpTools_${reply.id}`;
+  const replyOpToolsId = "replyOpTools_".concat(reply.id);
   const onEditToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setIsEditing(true);

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -45,7 +46,7 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = (0, _useCommentContext.useCommentContext)();
   const scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
   const [isShowDeletePopover, setIsShowDeletePopover] = (0, _react.useState)(false);
-  const commentOpToolsId = `commentOpTools_${comment === null || comment === void 0 ? void 0 : comment.id}`;
+  const commentOpToolsId = "commentOpTools_".concat(comment === null || comment === void 0 ? void 0 : comment.id);
   const style = !isGlobalComment && isCollapseCommentEditor ? {
     maxHeight: '341px'
   } : {};
@@ -97,13 +98,12 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     const {
       reply: returnReply
     } = res.data;
-    const newReply = {
-      ...reply,
+    const newReply = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, reply), {}, {
       id: returnReply.id,
       reply: returnReply.reply,
       user_name: returnReply.user_name,
       avatar_url: returnReply.avatar_url
-    };
+    });
     const elementId = (0, _helper.getPrimaryElementId)(comment.detail);
     if (newComment.resolved === true) {
       const resolvedComment = commentsDetail ? Object.values(commentsDetail).find(comments => comments.id === commentId) : comment;
@@ -160,14 +160,13 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       const {
         reply: returnReply
       } = res.data;
-      const newReply = {
-        ...reply,
+      const newReply = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, reply), {}, {
         id: returnReply.id,
         comment_id: commentId,
         reply: returnReply.reply,
         user_name: returnReply.user_name,
         avatar_url: returnReply.avatar_url
-      };
+      });
       dispatch({
         type: 'INSERT_REPLY',
         payload: {
@@ -302,7 +301,7 @@ const CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, [editor, element, scrollRef]);
   const newCommentId = isClickedContextComment && comment !== null && comment !== void 0 && comment.detail.element_id_list ? comment === null || comment === void 0 ? void 0 : comment.detail.element_id_list[0] : comment === null || comment === void 0 ? void 0 : comment.id;
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${newCommentId}`,
+    id: "comment-item-wrapper_".concat(newCommentId),
     className: className,
     onClick: onItemClick
   }, element && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -52,18 +53,18 @@ const CommentList = _ref => {
   const contextCommentRef = (0, _react.useRef)({});
   const insertComment = (0, _react.useCallback)(async function (elementId, comment) {
     let isContextComment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    // console.log(1, comment);
     const res = await _context.default.insertComment(comment);
     const {
       comment: returnComment
     } = res.data;
-    const newComment = {
-      ...comment,
+    const newComment = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, comment), {}, {
       isContextComment: isContextComment,
       id: returnComment.id,
       user_name: returnComment.user_name,
       avatar_url: returnComment.avatar_url,
       replies: []
-    };
+    });
     dispatch({
       type: 'INSERT_COMMENT',
       payload: {
@@ -78,6 +79,7 @@ const CommentList = _ref => {
     const user = _context.default.getUserInfo();
     const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
     const textCommentId = _slugid.default.nice();
+    // console.log(2, content)
     const comment = {
       comment: content,
       detail: {
@@ -115,8 +117,7 @@ const CommentList = _ref => {
     });
   }, [activeElementIds]);
   const handleInputChange = (id, value) => {
-    setCommentInputs(prev => ({
-      ...prev,
+    setCommentInputs(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
       [id]: value
     }));
   };
@@ -130,14 +131,14 @@ const CommentList = _ref => {
     ref: commentPopover,
     id: "sdoc-comment-list-container",
     className: (0, _classnames.default)('sdoc-comment-list-container sdoc-comment-list-container-popover', 'sdoc-context-comment-list-container'),
-    style: {
-      top: position.y,
-      ...(isContextComment || isClickedContextComment ? {
-        right: position.right
-      } : {}),
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      top: position.y
+    }, isContextComment || isClickedContextComment ? {
+      right: position.right
+    } : {}), {}, {
       width: '300px',
-      transform: `translateY(${translateY}px)`
-    }
+      transform: "translateY(".concat(translateY, "px)")
+    })
   }, Object.values(commentDetail).length !== 0 && isCommentPanelVisible && Object.values(commentDetail).map((item, index) => {
     const isActiveEditor = activeCommentKey === index;
     return /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -49,9 +50,7 @@ const EditorComment = _ref => {
       const activeElementIds = [elementId];
       setActiveElementIds(activeElementIds);
       const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
-      setCommentDetail({
-        ...unresolvedComments
-      });
+      setCommentDetail((0, _objectSpread2.default)({}, unresolvedComments));
       setIsClickedContextComment(false);
     }
     setIsShowComments(true);
@@ -64,9 +63,7 @@ const EditorComment = _ref => {
           }
         }
       }
-      setCommentDetail({
-        ...clickedComments
-      });
+      setCommentDetail((0, _objectSpread2.default)({}, clickedComments));
       setIsClickedContextComment(true);
     }
   }, [editor, element_comments_map, hiddenComment]);
@@ -78,7 +75,7 @@ const EditorComment = _ref => {
         const isHover = event.type === 'mouseover';
         const matchedAttributes = parentDom.className.split(' ').filter(cls => cls.startsWith('sdoc_comment_'));
         matchedAttributes.forEach(className => {
-          const el = document.querySelectorAll(`.${className}`);
+          const el = document.querySelectorAll(".".concat(className));
           el.forEach(el => {
             el.style.textDecoration = isHover ? 'underline #eb8205' : '';
             el.style.textDecorationThickness = isHover ? '2px' : '';

package/dist/basic-sdk/comment/components/elements-comment-count/index.js

@@ -37,7 +37,7 @@ const ElementsCommentCount = _ref => {
     const unresolvedCommentCount = unresolvedComment.length;
     if (unresolvedCommentCount === 0) return null;
     return /*#__PURE__*/_react.default.createElement(_elementCommentCount.default, {
-      key: `${originElementId}-${elementId}`,
+      key: "".concat(originElementId, "-").concat(elementId),
       elementId: elementId,
       isElementSelected: selectionElement && selectionElement.id === elementId,
       commentsCount: unresolvedCommentCount,

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -79,13 +80,12 @@ const GlobalComment = _ref => {
     const {
       comment: returnComment
     } = res.data;
-    const newComment = {
-      ...comment,
+    const newComment = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, comment), {}, {
       id: returnComment.id,
       user_name: returnComment.user_name,
       avatar_url: returnComment.avatar_url,
       replies: []
-    };
+    });
     dispatch({
       type: 'INSERT_COMMENT',
       payload: {