@seafile/sdoc-editor 0.1.92 → 0.1.94

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

@@ -6,6 +6,7 @@ var CommentEditor = function CommentEditor(_ref) {
     placeholder = _ref.placeholder,
     insertContent = _ref.insertContent,
     updateContent = _ref.updateContent,
+    setIsEditing = _ref.setIsEditing,
     t = _ref.t;
   var inputRef = useRef();
   var _useState = useState(content || ''),
@@ -34,8 +35,9 @@ var CommentEditor = function CommentEditor(_ref) {
     }
     if (event.keyCode === 27) {
       setValue('');
+      setIsEditing && setIsEditing(false);
     }
-  }, []);
+  }, [setIsEditing]);
   placeholder = t(placeholder);
   return /*#__PURE__*/React.createElement("input", {
     ref: inputRef,

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

@@ -1,27 +1,31 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { Fragment, useCallback, useMemo, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
-import { PopoverBody, UncontrolledPopover } from 'reactstrap';
+import { PopoverBody, UncontrolledPopover, UncontrolledTooltip } from 'reactstrap';
 import dayjs from 'dayjs';
 import CommentEditor from './comment-editor';
 import DeleteCommentDialog from '../dialogs/delete-comment-dialog';
 var CommentItem = function CommentItem(_ref) {
-  var comment = _ref.comment,
+  var isActive = _ref.isActive,
+    comment = _ref.comment,
     selectionElement = _ref.selectionElement,
     updateComment = _ref.updateComment,
+    updateCommentState = _ref.updateCommentState,
     deleteComment = _ref.deleteComment,
     t = _ref.t;
   var popoverRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isActive = _useState2[0],
-    setActive = _useState2[1];
+    isMouseOver = _useState2[0],
+    setMouseOver = _useState2[1];
   var onMouseEnter = useCallback(function () {
-    setActive(true);
-  }, []);
+    if (!isActive) return;
+    setMouseOver(true);
+  }, [isActive]);
   var onMouseLeave = useCallback(function () {
-    setActive(false);
-  }, []);
+    if (!isActive) return;
+    setMouseOver(false);
+  }, [isActive]);
 
   // const [isShowItemMenu, setIsShowItemMenu] = useState(false);
   var _useState3 = useState(false),
@@ -60,6 +64,13 @@ var CommentItem = function CommentItem(_ref) {
     }
     setIsEditing(false);
   }, [comment, selectionElement.id, updateComment]);
+  var updateCommentResolved = useCallback(function () {
+    var elementId = selectionElement.id;
+    var newComment = {
+      resolved: true
+    };
+    updateCommentState(elementId, comment.id, newComment);
+  }, [comment.id, selectionElement.id, updateCommentState]);
   var menuId = useMemo(function () {
     return "comment_".concat(comment.id);
   }, [comment]);
@@ -82,11 +93,27 @@ var CommentItem = function CommentItem(_ref) {
     className: "name"
   }, comment.user_name), /*#__PURE__*/React.createElement("span", {
     className: "time"
-  }, dayjs(comment.updated_at).format('MM-DD HH:mm')))), isActive && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, dayjs(comment.updated_at).format('MM-DD HH:mm')))), isMouseOver && /*#__PURE__*/React.createElement("div", {
+    className: "d-flex"
+  }, !comment.resolved && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "comment-operation mr-2",
+    onClick: updateCommentResolved
+  }, /*#__PURE__*/React.createElement("i", {
+    id: "tooltip_".concat(menuId),
+    className: "sdocfont sdoc-confirm"
+  })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+    target: "tooltip_".concat(menuId),
+    delay: {
+      show: 0,
+      hide: 0
+    },
+    fade: false,
+    placement: "bottom"
+  }, t('Resolved_tip'))), /*#__PURE__*/React.createElement("div", {
     id: menuId,
     className: "comment-operation"
   }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-more mr-1"
+    className: "sdocfont sdoc-more-options"
   })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
     ref: popoverRef,
     trigger: "legacy",
@@ -108,7 +135,8 @@ var CommentItem = function CommentItem(_ref) {
     className: "comment-content"
   }, isEditing && /*#__PURE__*/React.createElement(CommentEditor, {
     content: comment.comment,
-    updateContent: updateContent
+    updateContent: updateContent,
+    setIsEditing: setIsEditing
   }), !isEditing && /*#__PURE__*/React.createElement(React.Fragment, null, comment.comment))), isShowDeleteDialog && /*#__PURE__*/React.createElement(DeleteCommentDialog, {
     type: 'comment',
     deleteConfirm: _deleteComment,

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

@@ -6,21 +6,24 @@ import dayjs from 'dayjs';
 import CommentEditor from './comment-editor';
 import DeleteCommentDialog from '../dialogs/delete-comment-dialog';
 var CommentReplyItem = function CommentReplyItem(_ref) {
-  var reply = _ref.reply,
+  var isActive = _ref.isActive,
+    reply = _ref.reply,
     deleteReply = _ref.deleteReply,
     updateReply = _ref.updateReply,
     t = _ref.t;
   var popoverRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isActive = _useState2[0],
-    setActive = _useState2[1];
+    isMouseOver = _useState2[0],
+    setMouseOver = _useState2[1];
   var onMouseEnter = useCallback(function () {
-    setActive(true);
-  }, []);
+    if (!isActive) return;
+    setMouseOver(true);
+  }, [isActive]);
   var onMouseLeave = useCallback(function () {
-    setActive(false);
-  }, []);
+    if (!isActive) return;
+    setMouseOver(false);
+  }, [isActive]);
 
   // const [isShowItemMenu, setIsShowItemMenu] = useState(false);
   var _useState3 = useState(false),
@@ -76,11 +79,11 @@ var CommentReplyItem = function CommentReplyItem(_ref) {
     className: "name"
   }, reply.user_name), /*#__PURE__*/React.createElement("span", {
     className: "time"
-  }, dayjs(reply.updated_at).format('MM-DD HH:mm')))), isActive && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, dayjs(reply.updated_at).format('MM-DD HH:mm')))), isMouseOver && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: menuId,
     className: "comment-operation"
   }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-more mr-1"
+    className: "sdocfont sdoc-more-options"
   })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
     ref: popoverRef,
     trigger: "legacy",
@@ -102,7 +105,8 @@ var CommentReplyItem = function CommentReplyItem(_ref) {
     className: "comment-content"
   }, isEditing && /*#__PURE__*/React.createElement(CommentEditor, {
     content: reply.reply,
-    updateContent: updateContent
+    updateContent: updateContent,
+    setIsEditing: setIsEditing
   }), !isEditing && /*#__PURE__*/React.createElement(React.Fragment, null, reply.reply))), isShowDeleteDialog && /*#__PURE__*/React.createElement(DeleteCommentDialog, {
     type: "reply",
     deleteConfirm: _deleteReply,

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

@@ -69,15 +69,23 @@ export default function CommentItemWrapper(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [dispatch]);
-  var insertReply = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(elementId, commentId, reply) {
-      var res, returnReply, newReply;
+  var updateCommentState = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(elementId, commentId, newComment) {
+      var time, user, reply, res, returnReply, newReply;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.next = 2;
+            time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+            user = context.getUserInfo();
+            reply = {
+              type: 'comment',
+              reply: newComment.resolved,
+              updated_at: time,
+              author: user.username
+            };
+            _context3.next = 5;
             return context.insertReply(commentId, reply);
-          case 2:
+          case 5:
             res = _context3.sent;
             returnReply = res.data.reply;
             newReply = _objectSpread(_objectSpread({}, reply), {}, {
@@ -85,6 +93,51 @@ export default function CommentItemWrapper(_ref) {
               user_name: returnReply.user_name,
               avatar_url: returnReply.avatar_url
             });
+            dispatch({
+              type: 'INSET_REPLY',
+              payload: {
+                element_id: elementId,
+                comment_id: commentId,
+                reply: newReply
+              }
+            });
+            _context3.next = 11;
+            return context.updateComment(commentId, newComment);
+          case 11:
+            dispatch({
+              type: 'UPDATE_COMMENT_STATE',
+              payload: {
+                element_id: elementId,
+                comment_id: commentId,
+                comment: newComment
+              }
+            });
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x5, _x6, _x7) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var insertReply = useCallback( /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(elementId, commentId, reply) {
+      var res, returnReply, newReply;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return context.insertReply(commentId, reply);
+          case 2:
+            res = _context4.sent;
+            returnReply = res.data.reply;
+            newReply = _objectSpread(_objectSpread({}, reply), {}, {
+              id: returnReply.id,
+              user_name: returnReply.user_name,
+              avatar_url: returnReply.avatar_url
+            });
             dispatch({
               type: 'INSERT_REPLY',
               payload: {
@@ -98,12 +151,12 @@ export default function CommentItemWrapper(_ref) {
             }, 0);
           case 7:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
-    return function (_x5, _x6, _x7) {
-      return _ref4.apply(this, arguments);
+    return function (_x8, _x9, _x10) {
+      return _ref5.apply(this, arguments);
     };
   }(), [dispatch]);
   var insertContent = useCallback(function (content) {
@@ -119,13 +172,13 @@ export default function CommentItemWrapper(_ref) {
     insertReply(elementId, comment.id, reply);
   }, [comment, insertReply, selectionElement.id]);
   var deleteReply = useCallback( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(replyId) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(replyId) {
       var elementId;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             elementId = selectionElement.id;
-            _context4.next = 3;
+            _context5.next = 3;
             return context.deleteReply(comment.id, replyId);
           case 3:
             dispatch({
@@ -138,23 +191,23 @@ export default function CommentItemWrapper(_ref) {
             });
           case 4:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
-    return function (_x8) {
-      return _ref5.apply(this, arguments);
+    return function (_x11) {
+      return _ref6.apply(this, arguments);
     };
   }(), [comment.id, dispatch, selectionElement.id]);
   var updateReply = useCallback( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(replyId, newReply) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(replyId, newReply) {
       var elementId, commentId;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             elementId = selectionElement.id;
             commentId = comment.id;
-            _context5.next = 4;
+            _context6.next = 4;
             return context.updateReply(commentId, replyId, newReply);
           case 4:
             dispatch({
@@ -168,12 +221,12 @@ export default function CommentItemWrapper(_ref) {
             });
           case 5:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
-    return function (_x9, _x10) {
-      return _ref6.apply(this, arguments);
+    return function (_x12, _x13) {
+      return _ref7.apply(this, arguments);
     };
   }(), [comment.id, dispatch, selectionElement.id]);
   var onItemClick = useCallback(function () {
@@ -188,13 +241,16 @@ export default function CommentItemWrapper(_ref) {
     className: "comment-item-list"
   }, /*#__PURE__*/React.createElement(CommentItemContent, {
     key: comment.id,
+    isActive: isActive,
     comment: comment,
     selectionElement: selectionElement,
     deleteComment: deleteComment,
-    updateComment: updateComment
+    updateComment: updateComment,
+    updateCommentState: updateCommentState
   }), comment.replies && comment.replies.length > 0 && comment.replies.map(function (reply) {
     return /*#__PURE__*/React.createElement(CommentItemReply, {
       key: reply.id,
+      isActive: isActive,
       reply: reply,
       deleteReply: deleteReply,
       updateReply: updateReply

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

@@ -28,9 +28,9 @@ var Comment = function Comment() {
     _useState4 = _slicedToArray(_useState3, 2),
     comments = _useState4[0],
     setComments = _useState4[1];
-  var comments_map = useCommentContext().commentsInfo.comments_map;
+  var element_comments_map = useCommentContext().commentsInfo.element_comments_map;
   useEffect(function () {
-    var comments = comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
+    var comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
     var hasComments = comments && comments.length > 0;
     if (hasComments) {
       setIsShowComments(true);
@@ -39,7 +39,7 @@ var Comment = function Comment() {
     }
     setComments([]);
     setIsShowComments(false);
-  }, [comments_map, selectionElement]);
+  }, [element_comments_map, selectionElement]);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-comment-container"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/comment/comment/style.css

@@ -50,6 +50,7 @@
   box-shadow: 0 0 2px rgba(0,0,0,.04);
   padding: 16px 0;
   margin-bottom: 20px;
+  cursor: pointer;
 }
 
 .sdoc-comment-container .comment-ui-container.active {
@@ -73,7 +74,7 @@
   cursor: default;
 }
 
-.sdoc-comment-container .comment-list-container .comment-item:hover {
+.sdoc-comment-container .comment-ui-container.active .comment-item:hover {
   background: #fafafa;
 }
 
@@ -135,6 +136,24 @@
   cursor: pointer;
 }
 
+.sdoc-comment-container .comment-ui-container .comment-operation {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-comment-container .comment-ui-container.active .comment-operation:hover {
+  border-radius: 100%;
+  background-color: #f0f0f0;
+}
+
+.sdoc-comment-container .comment-ui-container .comment-operation .sdoc-confirm {
+  color: #20a0ff;
+  font-weight: 800;
+}
+
 .sdoc-comment-menu {
   padding: 0;
   border-radius: 2px;

package/dist/basic-sdk/comment/comment-context-provider.js

@@ -14,7 +14,7 @@ var CommentContextProvider = function CommentContextProvider(_ref) {
   useCommentsMount(dispatch);
   var editor = useSlateStatic();
   useEffect(function () {
-    editor.comments_map = _objectSpread({}, commentsInfo.comments_map);
+    editor.element_comments_map = _objectSpread({}, commentsInfo.element_comments_map);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [commentsInfo]);
   return /*#__PURE__*/React.createElement(CommentContext.Provider, {

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

@@ -2,12 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Node } from '@seafile/slate';
 export var commentDecorate = function commentDecorate(editor) {
   return function (_ref) {
-    var _editor$comments_map;
+    var _editor$element_comme;
     var _ref2 = _slicedToArray(_ref, 2),
       node = _ref2[0],
       path = _ref2[1];
     var decorations = [];
-    var comments = ((_editor$comments_map = editor.comments_map) === null || _editor$comments_map === void 0 ? void 0 : _editor$comments_map[node.id]) || [];
+    var comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[node.id]) || [];
     if (comments && comments.length > 0) {
       var decoration = {
         anchor: {
@@ -21,7 +21,7 @@ export var commentDecorate = function commentDecorate(editor) {
       };
       // rgba prevents occlusion of the cursor
       decoration['computed_bg_color'] = 'rgba(129, 237, 247, 0.5)';
-      decoration['comment_count'] = editor.comments_map[node.id].length;
+      decoration['comment_count'] = editor.element_comments_map[node.id].length;
       decorations.push(decoration);
     }
     return decorations;

package/dist/basic-sdk/comment/hooks/use-comment-mount.js

@@ -2,26 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 import { useCallback, useEffect } from 'react';
 import context from '../../../context';
-var formatCommentsData = function formatCommentsData(comments) {
-  var commentsMap = {};
-  for (var i = 0; i < comments.length; i++) {
-    var item = comments[i];
-    try {
-      item.detail = JSON.parse(item.detail);
-    } catch (err) {
-      item.detail = {};
-    }
-    var element_id = item.detail.element_id;
-    if (!commentsMap[element_id]) {
-      commentsMap[element_id] = [];
-    }
-    commentsMap[element_id].push(item);
-  }
-  return commentsMap;
-};
 export var useCommentsMount = function useCommentsMount(dispatch) {
   var request = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var res, commentsMap;
+    var res, comments;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -33,10 +16,10 @@ export var useCommentsMount = function useCommentsMount(dispatch) {
           return context.listComments();
         case 4:
           res = _context.sent;
-          commentsMap = formatCommentsData(res.data.comments);
+          comments = res.data.comments;
           dispatch({
             type: 'RECEIVE_STATE',
-            payload: commentsMap
+            payload: comments
           });
           _context.next = 13;
           break;

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

@@ -1,8 +1,29 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+export var formatCommentsData = function formatCommentsData(comments) {
+  var elementCommentsMap = {};
+  for (var i = 0; i < comments.length; i++) {
+    var item = comments[i];
+
+    // the comment is not in sdoc document
+    if (!item.detail || item.resolved) continue;
+    try {
+      item.detail = JSON.parse(item.detail);
+    } catch (err) {
+      continue;
+    }
+    var element_id = item.detail.element_id;
+    if (!elementCommentsMap[element_id]) {
+      elementCommentsMap[element_id] = [];
+    }
+    elementCommentsMap[element_id].push(item);
+  }
+  return elementCommentsMap;
+};
 export var initCommentsInfo = {
   isFetching: true,
-  comments_map: {},
+  comment_list: [],
+  element_comments_map: {},
   error: false
 };
 export var commentReducer = function commentReducer(state, action) {
@@ -13,9 +34,11 @@ export var commentReducer = function commentReducer(state, action) {
       }
     case 'RECEIVE_STATE':
       {
+        var element_comments_map = formatCommentsData(action.payload);
         return {
           isFetching: false,
-          comments_map: action.payload || {},
+          comment_list: action.payload,
+          element_comments_map: element_comments_map,
           error: false
         };
       }
@@ -23,47 +46,47 @@ export var commentReducer = function commentReducer(state, action) {
       {
         return {
           isFetching: false,
-          comments_map: {},
+          element_comments_map: {},
           error: true
         };
       }
     case 'INSERT_COMMENT':
       {
-        var comments_map = state.comments_map;
+        var _element_comments_map = state.element_comments_map;
         var _action$payload = action.payload,
           element_id = _action$payload.element_id,
           comment = _action$payload.comment;
-        if (!comments_map[element_id]) {
-          comments_map[element_id] = [];
+        if (!_element_comments_map[element_id]) {
+          _element_comments_map[element_id] = [];
         }
-        comments_map[element_id] = [].concat(_toConsumableArray(comments_map[element_id]), [comment]);
+        _element_comments_map[element_id] = [].concat(_toConsumableArray(_element_comments_map[element_id]), [comment]);
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, comments_map)
+          element_comments_map: _objectSpread({}, _element_comments_map)
         });
       }
     case 'DELETE_COMMENT':
       {
-        var _comments_map = state.comments_map;
+        var _element_comments_map2 = state.element_comments_map;
         var _action$payload2 = action.payload,
           _element_id = _action$payload2.element_id,
           comment_id = _action$payload2.comment_id;
-        if (_comments_map[_element_id]) {
-          _comments_map[_element_id] = _comments_map[_element_id].filter(function (item) {
+        if (_element_comments_map2[_element_id]) {
+          _element_comments_map2[_element_id] = _element_comments_map2[_element_id].filter(function (item) {
             return item.id !== comment_id;
           });
         }
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map)
+          element_comments_map: _objectSpread({}, _element_comments_map2)
         });
       }
     case 'UPDATE_COMMENT':
       {
-        var _comments_map2 = state.comments_map;
+        var _element_comments_map3 = state.element_comments_map;
         var _action$payload3 = action.payload,
           _element_id2 = _action$payload3.element_id,
           _comment_id = _action$payload3.comment_id,
           _comment = _action$payload3.comment;
-        _comments_map2[_element_id2] = _comments_map2[_element_id2].map(function (item) {
+        _element_comments_map3[_element_id2] = _element_comments_map3[_element_id2].map(function (item) {
           if (item.id === _comment_id) {
             item.comment = _comment.comment;
             item.detail = _comment.detail;
@@ -73,54 +96,60 @@ export var commentReducer = function commentReducer(state, action) {
           return item;
         });
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map2)
+          element_comments_map: _objectSpread({}, _element_comments_map3)
         });
       }
     case 'UPDATE_COMMENT_STATE':
       {
-        var _comments_map3 = state.comments_map;
+        var _element_comments_map4 = state.element_comments_map;
         var _action$payload4 = action.payload,
           _element_id3 = _action$payload4.element_id,
           _comment_id2 = _action$payload4.comment_id,
-          resolved = _action$payload4.resolved;
-        _comments_map3[_element_id3] = _comments_map3[_element_id3].map(function (item) {
+          _comment2 = _action$payload4.comment;
+
+        // modify comment state
+        _element_comments_map4[_element_id3] = _element_comments_map4[_element_id3].map(function (item) {
           if (item.id === _comment_id2) {
-            item.resolved = resolved ? 'true' : 'false';
+            item.resolved = _comment2.resolved;
             return item;
           }
           return item;
         });
+
+        // remove it form current list
+        _element_comments_map4[_element_id3] = _element_comments_map4[_element_id3].filter(function (item) {
+          return item.id !== _comment_id2;
+        });
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map3)
+          element_comments_map: _objectSpread({}, _element_comments_map4)
         });
       }
     case 'INSERT_REPLY':
       {
-        var _comments_map4 = state.comments_map;
+        var _element_comments_map5 = state.element_comments_map;
         var _action$payload5 = action.payload,
           _element_id4 = _action$payload5.element_id,
           _comment_id3 = _action$payload5.comment_id,
           reply = _action$payload5.reply;
-        _comments_map4[_element_id4] = _comments_map4[_element_id4].map(function (item) {
+        _element_comments_map5[_element_id4] = _element_comments_map5[_element_id4].map(function (item) {
           if (item.id === _comment_id3) {
-            console.log('xiaoqaing');
             item.replies = [].concat(_toConsumableArray(item.replies), [reply]);
             return item;
           }
           return item;
         });
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map4)
+          element_comments_map: _objectSpread({}, _element_comments_map5)
         });
       }
     case 'DELETE_REPLY':
       {
-        var _comments_map5 = state.comments_map;
+        var _element_comments_map6 = state.element_comments_map;
         var _action$payload6 = action.payload,
           _element_id5 = _action$payload6.element_id,
           _comment_id4 = _action$payload6.comment_id,
           reply_id = _action$payload6.reply_id;
-        _comments_map5[_element_id5] = _comments_map5[_element_id5].map(function (item) {
+        _element_comments_map6[_element_id5] = _element_comments_map6[_element_id5].map(function (item) {
           if (item.id === _comment_id4) {
             item.replies = item.replies.filter(function (reply) {
               return reply.id !== reply_id;
@@ -130,18 +159,18 @@ export var commentReducer = function commentReducer(state, action) {
           return item;
         });
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map5)
+          element_comments_map: _objectSpread({}, _element_comments_map6)
         });
       }
     case 'UPDATE_REPLY':
       {
-        var _comments_map6 = state.comments_map;
+        var _element_comments_map7 = state.element_comments_map;
         var _action$payload7 = action.payload,
           _element_id6 = _action$payload7.element_id,
           _comment_id5 = _action$payload7.comment_id,
           _reply_id = _action$payload7.reply_id,
           _reply = _action$payload7.reply;
-        _comments_map6[_element_id6] = _comments_map6[_element_id6].map(function (item) {
+        _element_comments_map7[_element_id6] = _element_comments_map7[_element_id6].map(function (item) {
           if (item.id === _comment_id5) {
             item.replies = item.replies.map(function (replyItem) {
               if (replyItem.id === _reply_id) {
@@ -155,7 +184,7 @@ export var commentReducer = function commentReducer(state, action) {
           return item;
         });
         return _objectSpread(_objectSpread({}, state), {}, {
-          comments_map: _objectSpread({}, _comments_map6)
+          element_comments_map: _objectSpread({}, _element_comments_map7)
         });
       }
     default:

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -735,7 +735,7 @@ export var focusCell = function focusCell(editor, event) {
             });
           }
         }
-      }, 2);
+      }, 10);
       return;
     }
     event.preventDefault();
@@ -791,7 +791,7 @@ export var focusCell = function focusCell(editor, event) {
             });
           }
         }
-      }, 2);
+      }, 10);
       return;
     }
     event.preventDefault();

package/dist/basic-sdk/extension/render/render-element.js

@@ -148,7 +148,7 @@ var RenderElement = function RenderElement(props) {
 
   // const { element } = props;
   // const editor = useSlateStatic();
-  // const comments = editor.comments_map?.[element.id] || [];
+  // const comments = editor.element_comments_map?.[element.id] || [];
   // return (
   //   <div className='seafile-block-container'>
   //     <CustomElement {...props} />

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.css

@@ -7,5 +7,5 @@
   background-color: #fff;
   border: 1px solid #e8e8e8;
   border-radius: 3px;
-  box-shadow: 0 2px 5px #0000001f;
+  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 0px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
 }

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -19,7 +19,7 @@ var ContextToolbar = function ContextToolbar() {
     var domSelection = window.getSelection();
     var domRange = domSelection.getRangeAt(0);
     var rect = domRange.getBoundingClientRect();
-    el.style.top = "".concat(rect.top - el.offsetHeight, "px");
+    el.style.top = "".concat(rect.top - 42 - 12, "px"); // top = Current top - Element height - Shaded part
     el.style.left = "".concat(rect.left, "px");
     el.style.display = 'block';
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/components/doc-operations/revision-operations/revisions/index.js

@@ -36,10 +36,11 @@ var Revisions = function Revisions() {
   var closeRevisions = useCallback(function () {
     setShowRevisions(false);
   }, []);
+  if (revisionsCount === 0) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revisions-count",
     onClick: showRevisions
-  }, revisionsCount === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, t('No_revisions')), revisionsCount === 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('1_revision')), revisionsCount > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('x_revisions', {
+  }, revisionsCount === 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('1_revision')), revisionsCount > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('x_revisions', {
     count: revisionsCount
   }))), isShowRevisions && /*#__PURE__*/React.createElement(RevisionsDialog, {
     updateRevisionsCount: setRevisionsCount,

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -20,7 +20,8 @@ var ViewChanges = function ViewChanges(_ref) {
     onChange: onToggleViewCHanges,
     className: "sdoc-toggle-revision-changes d-flex align-items-center"
   })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
-    target: "sdoc-toggle-revision-changes-container"
+    target: "sdoc-toggle-revision-changes-container",
+    fade: false
   }, t('View_changes')));
 };
 export default withTranslation('sdoc-editor')(ViewChanges);

package/package.json

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

package/public/locales/en/sdoc-editor.json

@@ -318,5 +318,6 @@
   "x_revisions": "{{count}} revisions",
   "Creator": "Creator",
   "Created_time": "Created time",
-  "Created_at": "Created at"
+  "Created_at": "Created at",
+  "Resolved_tip": "Mark as resolved and hide discussion"
 }

package/public/locales/zh-CN/sdoc-editor.json

@@ -318,5 +318,6 @@
   "x_revisions": "{{count}} 个修订稿",
   "Creator": "创建者",
   "Created_time": "创建时间",
-  "Created_at": "创建时间"
+  "Created_at": "创建时间",
+  "Resolved_tip": "标记为已解决并隐藏讨论内容"
 }

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,28 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-check-mark" unicode="&#58955;" d="M390.4 0c-41.6 0-86.4 16-112 48l-256 300.8c-35.2 32-25.6 89.6 16 121.6 35.2 25.6 86.4 25.6 118.4-9.6l230.4-278.4L870.4 713.6c35.2 32 92.8 22.4 128-9.6 28.8-32 35.2-83.2 9.6-115.2L499.2 51.2c-25.6-35.2-67.2-51.2-108.8-51.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-auto-linefeed" unicode="&#58954;" d="M96 864h768c41.6 0 64-22.4 64-64s-22.4-64-64-64H96c-41.6 0-64 22.4-64 64s22.4 64 64 64z m832-291.2c35.2 0 64-28.8 64-64V288c0-172.8-134.4-313.6-307.2-320H672v-51.2c0-19.2-12.8-32-32-32-9.6 0-16 3.2-22.4 9.6L480 32l137.6 137.6c12.8 12.8 32 12.8 44.8 0 6.4-6.4 9.6-12.8 9.6-22.4V96c102.4 0 185.6 80 192 179.2V508.8c0 38.4 28.8 64 64 64zM352 96c41.6 0 60.8-19.2 64-57.6v-6.4c0-41.6-22.4-64-64-64H96c-41.6 0-60.8 19.2-64 57.6V32c0 41.6 22.4 64 64 64h256z m256 384c41.6 0 60.8-19.2 64-57.6v-6.4c0-41.6-22.4-64-64-64H96c-41.6 0-60.8 19.2-64 57.6V416c0 41.6 22.4 64 64 64h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-document" unicode="&#58950;" d="M640 864v-256h256v-672c0-19.2-12.8-32-32-32H160c-19.2 0-32 12.8-32 32V832c0 19.2 12.8 32 32 32h480z m192-352H192v-544h640V512z m-512-128h224c19.2 0 32-12.8 32-32s-12.8-32-32-32h-224c-19.2 0-32 12.8-32 32s12.8 32 32 32z m0-128h384c19.2 0 32-12.8 32-32s-12.8-32-32-32H320c-19.2 0-32 12.8-32 32s12.8 32 32 32z m384-128c19.2 0 32-12.8 32-32s-12.8-32-32-32H320c-19.2 0-32 12.8-32 32s12.8 32 32 32h384zM672 864l224-224h-224V864z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-text-link" unicode="&#58951;" d="M0 800h99.2v-576H0V800z m246.4-89.6c12.8-12.8 19.2-28.8 19.2-44.8 0-19.2-6.4-35.2-19.2-48-12.8-12.8-28.8-19.2-44.8-19.2-16 0-32 6.4-44.8 16-9.6 16-16 32-16 51.2 0 16 6.4 35.2 19.2 44.8 12.8 12.8 28.8 19.2 44.8 16 16 3.2 32-3.2 41.6-16zM153.6 585.6h99.2V224H153.6V585.6zM630.4 224h-99.2v224c0 28.8-6.4 44.8-12.8 54.4-9.6 9.6-22.4 16-41.6 16-12.8 0-25.6-6.4-35.2-16-9.6-12.8-19.2-28.8-19.2-54.4v-224H320V611.2h99.2v-19.2c22.4 19.2 51.2 28.8 76.8 28.8 41.6 0 76.8-12.8 99.2-41.6 22.4-28.8 32-70.4 32-124.8V224zM1024 96v-128H0v128h1024zM774.4 800v-281.6l108.8 128h134.4l-156.8-179.2L1024 224h-128l-105.6 160-16-16V224h-99.2V800h99.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-inline-link" unicode="&#58952;" d="M960 96v-128H64v128h896zM448 576v-384H64V576h384z m512-128v-128H512v128h448z m-640 0H192v-128h128v128zM960 800v-128H64V800h896z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-copy" unicode="&#58947;" d="M243.2 592v-416c0-32 19.2-60.8 57.6-60.8h419.2v-89.6c0-28.8-28.8-60.8-60.8-60.8H172.8C134.4-32 96 9.6 96 44.8v480c0 35.2 32 64 64 64h83.2zM867.2 800c32 0 60.8-25.6 60.8-60.8v-505.6c0-32-25.6-60.8-60.8-60.8H364.8c-32 0-60.8 25.6-60.8 60.8V739.2c0 32 25.6 60.8 60.8 60.8h502.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-insert" unicode="&#58948;" d="M512 896c281.6 0 512-230.4 512-512s-230.4-512-512-512S0 102.4 0 384 230.4 896 512 896z m0-115.2C291.2 780.8 115.2 604.8 115.2 384S291.2-12.8 512-12.8 908.8 163.2 908.8 384 732.8 780.8 512 780.8z m0-112c32 0 57.6-25.6 57.6-57.6v-169.6h169.6c32 0 57.6-25.6 57.6-57.6s-25.6-57.6-57.6-57.6h-169.6v-169.6c0-32-25.6-57.6-57.6-57.6s-57.6 25.6-57.6 57.6v169.6H284.8c-32 0-57.6 25.6-57.6 57.6s25.6 57.6 57.6 57.6h169.6V611.2c0 32 25.6 57.6 57.6 57.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-card-link" unicode="&#58949;" d="M960 96v-128H64v128h896z m0 512v-448H64V608h896z m-128-128H192v-192h640v192z m128 320v-128H64V800h896z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-confirm" unicode="&#58944;" d="M364.8 19.2L0 422.4l60.8 51.2 304-336L963.2 768 1024 716.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-more-options" unicode="&#58945;" d="M518.4 624C464 624 416 672 416 729.6S464 832 518.4 832s102.4-48 102.4-102.4-44.8-105.6-102.4-105.6z m0-342.4c-54.4 0-102.4 44.8-102.4 102.4s48 102.4 102.4 102.4 102.4-48 102.4-102.4-44.8-102.4-102.4-102.4z m0-345.6c-54.4 0-102.4 48-102.4 102.4s48 102.4 102.4 102.4 102.4-48 102.4-102.4S576-64 518.4-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-comments" unicode="&#58946;" d="M960 896c35.2 0 64-28.8 64-64v-736c0-35.2-28.8-64-64-64h-198.4l-16-121.6c-3.2-16-12.8-28.8-25.6-35.2-6.4-3.2-9.6-3.2-16-3.2-9.6 0-19.2 3.2-28.8 9.6L505.6 32H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896z m-96-128H160c-19.2 0-32-12.8-32-32v-544c0-19.2 12.8-32 32-32h361.6c9.6 0 22.4-3.2 28.8-9.6l124.8-102.4 9.6 76.8c3.2 22.4 22.4 38.4 41.6 35.2H864c19.2 0 32 12.8 32 32V736c0 19.2-12.8 32-32 32z m-112-352c9.6 0 16-6.4 16-16v-96c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v96c0 9.6 6.4 16 16 16h480z m0 224c9.6 0 16-6.4 16-16v-96c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v96c0 9.6 6.4 16 16 16h480z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-font-color" unicode="&#58886;" d="M960-96h-160l-80 224h-416L224-96H64L403.2 864h211.2L960-96zM512 704l-160-448h320L512 704z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-highlight-color" unicode="&#58885;" d="M992 528L640-67.2l-144 80-64-108.8H32l163.2 278.4L32 275.2 380.8 896 992 528zM198.4 320l406.4-224 233.6 390.4L428.8 736 198.4 320z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1690191058909'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1690191058909#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1690191058909') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1690191058909') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1690191058909') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1690191058909#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1690866983588'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1690866983588#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1690866983588') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1690866983588') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1690866983588') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1690866983588#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,50 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-check-mark:before {
+  content: "\e64b";
+}
+
+.sdoc-auto-linefeed:before {
+  content: "\e64a";
+}
+
+.sdoc-document:before {
+  content: "\e646";
+}
+
+.sdoc-text-link:before {
+  content: "\e647";
+}
+
+.sdoc-inline-link:before {
+  content: "\e648";
+}
+
+.sdoc-copy:before {
+  content: "\e643";
+}
+
+.sdoc-insert:before {
+  content: "\e644";
+}
+
+.sdoc-card-link:before {
+  content: "\e645";
+}
+
+.sdoc-confirm:before {
+  content: "\e640";
+}
+
+.sdoc-more-options:before {
+  content: "\e641";
+}
+
+.sdoc-comments:before {
+  content: "\e642";
+}
+
 .sdoc-font-color:before {
   content: "\e606";
 }