@seafile/sdoc-editor 0.1.173 → 0.1.174

package/dist/api/seafile-api.js

@@ -125,6 +125,14 @@ var SeafileAPI = /*#__PURE__*/function () {
         image_list: imageList
       });
     }
+  }, {
+    key: "getLinkFilesInfo",
+    value: function getLinkFilesInfo(docUuid, filesUrl) {
+      var url = '/api/v2.1/seadoc/files-info/' + docUuid + '/';
+      return this.req.post(url, {
+        files_url: filesUrl
+      });
+    }
   }]);
   return SeafileAPI;
 }();

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

@@ -7,6 +7,7 @@ import { useCursorPosition } from '../helper';
 import CommentList from './comment-list';
 import { useSelectionElement } from '../../hooks/use-selection-element';
 import { useCommentContext } from '../hooks/use-comment-context';
+import ElementsCommentCount from './elements-comment-count';
 var EditorComment = function EditorComment() {
   useSelectionUpdate();
   var editor = useSlateStatic();
@@ -82,8 +83,10 @@ var EditorComment = function EditorComment() {
     className: "add-comment-icon",
     onClick: onAddCommentToggle
   }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-comment mr-1"
-  }))), /*#__PURE__*/React.createElement("div", {
+    className: "sdocfont sdoc-add-comment mr-1"
+  }))), /*#__PURE__*/React.createElement(ElementsCommentCount, {
+    elementCommentsMap: element_comments_map
+  }), /*#__PURE__*/React.createElement("div", {
     className: "comment-list-wrapper",
     style: isShowComments ? {
       width: '294px'

package/dist/basic-sdk/comment/comment/elements-comment-count/element-comment-count.js

@@ -0,0 +1,40 @@
+import React, { useCallback } from 'react';
+import { useSlateStatic } from '@seafile/slate-react';
+import { Editor } from '@seafile/slate';
+import { getNodeById, focusEditor, findPath } from '../../../extension/core';
+import { useScrollContext } from '../../../hooks/use-scroll-context';
+import { getElementCommentCountTop } from '../../helper';
+import { eventStopPropagation } from '../../../utils/mouse-event';
+var ElementCommentCount = function ElementCommentCount(_ref) {
+  var _scrollRef$current;
+  var elementId = _ref.elementId,
+    commentsCount = _ref.commentsCount;
+  var editor = useSlateStatic();
+  var element = getNodeById(editor.children, elementId);
+  var scrollRef = useScrollContext();
+  var onClick = useCallback(function (event) {
+    eventStopPropagation(event);
+    var path = findPath(editor, element);
+    var endOfFirstNode = Editor.end(editor, path);
+    var range = {
+      anchor: endOfFirstNode,
+      focus: endOfFirstNode
+    };
+    focusEditor(editor, range);
+  }, [editor, element]);
+  if (!element) return null;
+  var scrollTop = (scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTop) || 0;
+  var top = getElementCommentCountTop(editor, element, scrollTop);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "element-comments-count",
+    style: {
+      top: top
+    },
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-comment-count"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "element-comments-count-value"
+  }, commentsCount));
+};
+export default ElementCommentCount;

package/dist/basic-sdk/comment/comment/elements-comment-count/index.css

@@ -0,0 +1,29 @@
+.sdoc-comment-container .comment-container-right .element-comments-count {
+  position: absolute;
+  left: -22px;
+  height: 16px;
+  width: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+}
+
+.sdoc-comment-container .comment-container-right .element-comments-count:hover {
+  color: #333;
+  cursor: pointer;
+}
+
+.sdoc-comment-container .comment-container-right .element-comments-count-value {
+  width: 16px;
+  height: 14px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  cursor: pointer;
+  pointer-events: none;
+  font-size: 12px;
+  color: #fff;
+  line-height: 13px;
+  text-align: center;
+}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import ElementCommentCount from './element-comment-count';
+import './index.css';
+var ElementsCommentCount = function ElementsCommentCount(_ref) {
+  var elementCommentsMap = _ref.elementCommentsMap;
+  if (!elementCommentsMap) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "elements-comments-count"
+  }, Object.keys(elementCommentsMap).map(function (elementId) {
+    var comments = elementCommentsMap[elementId];
+    if (!Array.isArray(comments) || comments.length === 0) return null;
+    var unresolvedComment = comments.filter(function (item) {
+      return !item.resolved;
+    });
+    var unresolvedCommentCount = unresolvedComment.length;
+    if (unresolvedCommentCount === 0) return null;
+    return /*#__PURE__*/React.createElement(ElementCommentCount, {
+      key: elementId,
+      elementId: elementId,
+      commentsCount: unresolvedCommentCount
+    });
+  }));
+};
+export default ElementsCommentCount;

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

@@ -1,3 +1,4 @@
+import { ReactEditor } from '@seafile/slate-react';
 import context from '../../context';
 import { useScrollContext } from '../hooks/use-scroll-context';
 export var getSelectionRange = function getSelectionRange() {
@@ -41,4 +42,21 @@ export var getAvatarUrl = function getAvatarUrl() {
   var server = context.getSetting('serviceUrl');
   var avatarUrl = "".concat(server, "/media/avatars/default.png");
   return avatarUrl;
+};
+export var getElementCommentCountTop = function getElementCommentCountTop(editor, element, scrollTop) {
+  var minY;
+  var children = element.children || [];
+  children.forEach(function (child) {
+    var childDom = ReactEditor.toDOMNode(editor, child);
+
+    // use child real dom
+    var childRealDom = childDom.childNodes[0];
+    var _ref2 = childRealDom ? childRealDom.getBoundingClientRect() : {
+        y: 0
+      },
+      y = _ref2.y;
+    if (!minY) minY = y;
+    minY = Math.min(minY, y);
+  });
+  return minY - 100 + scrollTop; // 100: header height(56) + toolbar height(44)
 };

package/dist/basic-sdk/extension/core/queries/index.js

@@ -44,6 +44,30 @@ export var getNode = function getNode(editor, path) {
 export var getNodeType = function getNodeType(node) {
   return Element.isElement(node) ? node.type : '';
 };
+export var getNodeById = function getNodeById(nodes, nodeId) {
+  var node;
+  for (var i = 0; i < nodes.length; i++) {
+    var currentNode = nodes[i];
+    if (currentNode.id === nodeId) {
+      node = currentNode;
+      break;
+    }
+    var childrenNodes = currentNode.children;
+    if (!Array.isArray(childrenNodes)) continue;
+    var childNode = childrenNodes.find(function (node) {
+      return node.id === nodeId;
+    });
+    if (childNode) {
+      node = childNode;
+      break;
+    }
+    childNode = getNodeById(childrenNodes, nodeId);
+    if (!childNode) continue;
+    node = childNode;
+    break;
+  }
+  return node;
+};
 export var isTextNode = function isTextNode(node) {
   if (!node) return false;
   if (!ObjectUtils.hasProperty(node, 'children') && ObjectUtils.hasProperty(node, 'text')) return true;

package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { Fragment, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert } from 'reactstrap';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, Label } from 'reactstrap';
 import { insertLink, updateLink, checkLink } from '../../helpers';
 var AddLinkDialog = function AddLinkDialog(_ref) {
   var editor = _ref.editor,
@@ -89,9 +89,8 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     toggle: closeDialog
   }, t('Insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "form-check-label",
-    htmlFor: "addLink"
+  }, /*#__PURE__*/React.createElement(Label, {
+    for: "addLink"
   }, t('Link_address')), /*#__PURE__*/React.createElement("input", {
     onKeyDown: onKeyDown,
     autoFocus: true,
@@ -105,9 +104,8 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     className: "mt-2"
   }, t(linkErrorMessage))), /*#__PURE__*/React.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "form-check-label",
-    htmlFor: "addTitle"
+  }, /*#__PURE__*/React.createElement(Label, {
+    for: "addTitle"
   }, t('Link_title')), /*#__PURE__*/React.createElement("input", {
     onKeyDown: onKeyDown,
     type: "text",

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

@@ -203,4 +203,12 @@ export var unWrapLinkNode = /*#__PURE__*/function () {
   return function unWrapLinkNode(_x) {
     return _ref3.apply(this, arguments);
   };
-}();
+}();
+export var isSdocFile = function isSdocFile(res, url) {
+  var files_info = res.data.files_info;
+  var fileInfo = files_info[url];
+  var _ref4 = fileInfo || {},
+    is_dir = _ref4.is_dir,
+    file_ext = _ref4.file_ext;
+  return !is_dir && file_ext === 'sdoc';
+};

package/dist/basic-sdk/extension/plugins/link/plugin.js

@@ -2,9 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Transforms, Node, Editor, Range } from '@seafile/slate';
 import slugid from 'slugid';
 import isUrl from 'is-url';
-import { genLinkNode } from './helpers';
+import context from '../../../../context';
+import { insertSdocFileLink } from '../sdoc-link/helpers';
+import { genLinkNode, isSdocFile } from './helpers';
 import { getNodeType, getSelectedNodeByType } from '../../core';
-import { isImage } from '../../utils';
+import { isImage, isSameDomain } from '../../utils';
+import { LINK } from '../../constants';
 var withLink = function withLink(editor) {
   var normalizeNode = editor.normalizeNode,
     isInline = editor.isInline,
@@ -15,14 +18,14 @@ var withLink = function withLink(editor) {
   // Rewrite isInline
   newEditor.isInline = function (elem) {
     var type = elem.type;
-    if (type === 'link') {
+    if (type === LINK) {
       return true;
     }
     return isInline(elem);
   };
   newEditor.insertText = function (text) {
     var path = Editor.path(editor, editor.selection);
-    if (Range.isCollapsed(editor.selection) && getSelectedNodeByType(editor, 'link') && Editor.isEnd(editor, editor.selection.focus, path)) {
+    if (Range.isCollapsed(editor.selection) && getSelectedNodeByType(editor, LINK) && Editor.isEnd(editor, editor.selection.focus, path)) {
       editor.insertFragment([{
         id: slugid.nice(),
         text: text
@@ -36,10 +39,28 @@ var withLink = function withLink(editor) {
     var text = data.getData('text/plain');
     if (isUrl(text) && !isImage(text)) {
       var link = genLinkNode(text, text);
-      Transforms.insertNodes(newEditor, [link, {
-        id: slugid.nice(),
-        text: ' '
-      }]);
+      Transforms.insertNodes(newEditor, link);
+      if (isSameDomain(text, context.getSetting('serviceUrl'))) {
+        context.getLinkFilesInfo([text]).then(function (res) {
+          if (isSdocFile(res, text)) {
+            var _Editor$nodes = Editor.nodes(editor, {
+                match: function match(n) {
+                  return n.type === LINK;
+                },
+                universal: true
+              }),
+              _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
+              nodeEntry = _Editor$nodes2[0];
+            var fileName = res.data.files_info[text].name;
+            var fileUuid = res.data.files_info[text].file_uuid;
+            Transforms.removeNodes(editor, {
+              at: nodeEntry[1]
+            });
+            insertSdocFileLink(editor, fileName, fileUuid);
+            return;
+          }
+        });
+      }
       return;
     }
     insertData(data);
@@ -51,7 +72,7 @@ var withLink = function withLink(editor) {
       node = _ref2[0],
       path = _ref2[1];
     var type = getNodeType(node);
-    if (type !== 'link') {
+    if (type !== LINK) {
       // If the type is not link, perform default normalizeNode
       return normalizeNode([node, path]);
     }

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

@@ -11,20 +11,5 @@ var RenderElement = function RenderElement(props) {
     }, /*#__PURE__*/React.createElement(CustomElement, props));
   }
   return /*#__PURE__*/React.createElement(CustomElement, props);
-
-  // const { element } = props;
-  // const editor = useSlateStatic();
-  // const comments = editor.element_comments_map?.[element.id] || [];
-  // return (
-  //   <div className='seafile-block-container'>
-  //     <CustomElement {...props} />
-  //     {comments.length > 0 && (
-  //       <div className='comment-count'>
-  //         <span className='comment-count__btn'>{comments.length}</span>
-  //       </div>
-  //     )}
-  //   </div>
-  // );
 };
-
 export default RenderElement;

package/dist/basic-sdk/extension/utils/index.js

@@ -6,4 +6,7 @@ export var isImage = function isImage(url) {
   var suffix = url.split('.')[1]; // http://xx/mm/*.png
   if (!suffix) return false;
   return IMAGE_TYPES.includes(suffix.toLowerCase());
+};
+export var isSameDomain = function isSameDomain(currentUrl, targetUrl) {
+  return String(currentUrl).split('/')[2] === String(targetUrl).split('/')[2];
 };

package/dist/context.js

@@ -236,6 +236,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.asyncCopyImages(docUuid, originDocUuid, imageList);
     }
+  }, {
+    key: "getLinkFilesInfo",
+    value: function getLinkFilesInfo(filesUrl) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getLinkFilesInfo(docUuid, filesUrl);
+    }
   }]);
   return Context;
 }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.173",
+  "version": "0.1.174",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -10,9 +10,10 @@
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
     "@seafile/slate-react": "0.92.6",
-    "ahooks": "3.7.7",
+    "axios": "1.4.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.3",
+    "dayjs": "1.11.2",
     "deep-copy": "1.4.2",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
@@ -26,8 +27,7 @@
     "socket.io-client": "4.6.1",
     "type-of": "2.0.1",
     "url-join": "4.0.1",
-    "url-parse": "1.5.10",
-    "uuid": "9.0.0"
+    "url-parse": "1.5.10"
   },
   "scripts": {
     "clean": "rm -rf dist && mkdir dist",
@@ -57,7 +57,6 @@
     "@types/jest": "29.0.0",
     "@typescript-eslint/eslint-plugin": "^2.2.0",
     "@typescript-eslint/parser": "^2.2.0",
-    "axios": "1.4.0",
     "babel-eslint": "10.0.3",
     "babel-jest": "26.6.3",
     "babel-loader": "8.0.6",
@@ -70,7 +69,6 @@
     "core-js": "2.6.12",
     "css-loader": "^3.2.1",
     "css-minimizer-webpack-plugin": "5.0.1",
-    "dayjs": "1.11.2",
     "dotenv": "6.2.0",
     "dotenv-expand": "5.1.0",
     "ejs": "3.1.8",

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

@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-add-comment" unicode="&#58939;" d="M960 896c35.2 0 64-28.8 64-64v-704c0-35.2-28.8-64-64-64h-224l-224-192-224 192H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896z m-32-96H96v-640h227.2l188.8-160 188.8 160H928V800zM288 528h448v-96H288zM464 704h96v-448h-96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-comment-count" unicode="&#58966;" d="M1024 832v-704c0-35.2-28.8-64-64-64h-192l-256-192-224 192H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896c35.2 0 64-28.8 64-64z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-link-file" unicode="&#58964;" d="M889.6-96H134.4c-22.4 0-38.4 16-38.4 38.4V825.6C96 848 112 864 134.4 864h480c22.4 0 54.4-6.4 80-35.2 44.8-51.2 188.8-208 195.2-214.4 3.2-3.2 38.4-38.4 38.4-73.6v-598.4c0-9.6-3.2-19.2-9.6-25.6-6.4-9.6-16-12.8-28.8-12.8zM192 0h640V544h-224V768H192v-768z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-sm-close" unicode="&#58965;" d="M512 439.466667L230.4 721.066667l-25.6 25.6-55.466667-55.466667 25.6-25.6 281.6-281.6-281.6-281.6-25.6-25.6 55.466667-55.466667 25.6 25.6 281.6 281.6 281.6-281.6 25.6-25.6 55.466667 55.466667-25.6 25.6-281.6 281.6 281.6 281.6 25.6 25.6-55.466667 55.466667-25.6-25.6z"  horiz-adv-x="1024" />
@@ -156,8 +160,6 @@
       
       <glyph glyph-name="sdoc-unstarred" unicode="&#58942;" d="M816 368c-60.8-60.8-86.4-150.4-73.6-236.8L768-32l-137.6 76.8c-35.2 19.2-76.8 32-118.4 32s-83.2-9.6-118.4-32L256-32l25.6 163.2c12.8 86.4-12.8 176-73.6 236.8L96 483.2l153.6 22.4c83.2 12.8 153.6 67.2 192 147.2L512 800l70.4-147.2c38.4-80 108.8-134.4 192-147.2l153.6-22.4-112-115.2z m179.2 44.8c54.4 54.4 25.6 153.6-51.2 163.2l-192 28.8c-28.8 3.2-57.6 25.6-70.4 54.4l-86.4 182.4C579.2 876.8 544 896 512 896s-67.2-19.2-83.2-54.4l-86.4-182.4c-12.8-28.8-38.4-48-70.4-51.2l-192-28.8C3.2 566.4-25.6 470.4 28.8 416l140.8-140.8c22.4-22.4 32-54.4 25.6-86.4l-32-201.6c-9.6-64 38.4-112 92.8-112 12.8 0 28.8 3.2 41.6 12.8l172.8 96c12.8 6.4 28.8 9.6 41.6 9.6 16 0 28.8-3.2 41.6-9.6l172.8-96c12.8-6.4 28.8-12.8 41.6-12.8 54.4 0 102.4 51.2 92.8 112l-32 201.6c-6.4 32 3.2 64 25.6 86.4l140.8 137.6z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-comment" unicode="&#58939;" d="M886.4 800C928 800 960 768 960 726.4v-537.6c0-41.6-32-73.6-73.6-73.6h-192l-156.8-140.8c-12.8-12.8-35.2-12.8-48 0l-156.8 140.8h-192c-41.6 0-73.6 32-73.6 73.6V726.4C64 768 96 800 137.6 800h748.8z m0-73.6H137.6v-537.6h220.8l153.6-137.6 153.6 137.6h220.8V726.4zM665.6 480c19.2 0 38.4-16 38.4-38.4 0-19.2-16-35.2-38.4-38.4h-310.4c-19.2 0-38.4 16-38.4 38.4 0 19.2 16 35.2 38.4 38.4h310.4z m-115.2-192c0-19.2-16-38.4-38.4-38.4-19.2 0-35.2 16-38.4 38.4V598.4c0 19.2 16 38.4 38.4 38.4 19.2 0 35.2-16 38.4-38.4V288z"  horiz-adv-x="1024" />
-      
       <glyph glyph-name="sdoc-cancel" unicode="&#58929;" d="M512 441.6L214.4 742.4 185.6 768 128 710.4l25.6-28.8 300.8-297.6-300.8-297.6-25.6-28.8L185.6 0l28.8 25.6 297.6 300.8 297.6-300.8 28.8-25.6 57.6 57.6-25.6 28.8-300.8 297.6 300.8 297.6 25.6 28.8L838.4 768l-28.8-25.6-297.6-300.8z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-fullscreen" unicode="&#58933;" d="M390.4 832c19.2 0 41.6-16 41.6-41.6s-16-41.6-41.6-41.6H147.2v-243.2c0-19.2-16-41.6-41.6-41.6S64 483.2 64 505.6V790.4C64 816 80 832 105.6 832h284.8z m0-812.8c19.2 0 41.6-16 41.6-41.6s-19.2-41.6-41.6-41.6H99.2c-6.4 0-16 3.2-22.4 9.6-9.6 6.4-12.8 16-12.8 25.6v288c0 19.2 16 41.6 41.6 41.6s41.6-16 41.6-41.6v-185.6l204.8 204.8c16 16 41.6 16 57.6 0s16-41.6 0-57.6l-204.8-204.8 185.6 3.2zM960 793.6c0-3.2 0-3.2 0 0v-284.8c0-19.2-16-41.6-41.6-41.6s-41.6 16-41.6 41.6V694.4L672 489.6c-16-16-41.6-16-57.6 0s-16 41.6 0 57.6l208 198.4h-185.6c-19.2 0-41.6 16-41.6 41.6S611.2 832 633.6 832H928c16-3.2 28.8-12.8 32-32v-6.4z m0-534.4v-281.6c0-19.2-16-41.6-41.6-41.6h-284.8c-19.2 0-41.6 16-41.6 41.6s16 41.6 41.6 41.6h243.2v240c0 25.6 19.2 41.6 41.6 41.6 22.4 0 41.6-16 41.6-41.6z"  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=1695017062235'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1695017062235#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1695017062235') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1695017062235') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1695017062235') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1695017062235#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1696755823394'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1696755823394#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1696755823394') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1696755823394') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1696755823394') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1696755823394#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-add-comment:before {
+  content: "\e63b";
+}
+
+.sdoc-comment-count:before {
+  content: "\e656";
+}
+
 .sdoc-link-file:before {
   content: "\e654";
 }
@@ -300,10 +308,6 @@
   content: "\e63e";
 }
 
-.sdoc-comment:before {
-  content: "\e63b";
-}
-
 .sdoc-cancel:before {
   content: "\e631";
 }