@seafile/sdoc-editor 0.1.173 → 0.1.175

package/dist/api/seafile-api.js

@@ -125,6 +125,20 @@ 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
+      });
+    }
+  }, {
+    key: "getCopyMoveProgressView",
+    value: function getCopyMoveProgressView(docUuid, taskId) {
+      var url = 'api/v2.1/seadoc/query-copy-move-progress/' + docUuid + '/?&doc_uuid=' + docUuid + '&task_id=' + taskId;
+      return this.req.get(url);
+    }
   }]);
   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/constants/index.js

@@ -4,7 +4,8 @@ export var INTERNAL_EVENT = {
   HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   INSERT_ELEMENT: 'insert_element',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed'
+  OUTLINE_STATE_CHANGED: 'outline_state_changed',
+  RELOAD_IMAGE: 'reload_image'
 };
 export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 

package/dist/basic-sdk/editor/editable-article.js

@@ -140,7 +140,8 @@ var EditableArticle = function EditableArticle(_ref) {
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     decorate: decorate,
-    onCut: eventProxy.onCut
+    onCut: eventProxy.onCut,
+    onCopy: eventProxy.onCopy
   })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
 };
 EditableArticle.defaultProps = {

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

@@ -12,6 +12,7 @@ export var HEADERS = [HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6];
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, TITLE, 'Title'), _defineProperty(_HEADER_TITLE_MAP, SUBTITLE, 'Subtitle'), _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'Header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'Header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'Header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'Header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'Header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'Header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'Paragraph'), _HEADER_TITLE_MAP);
 export var TRANSPARENT = 'transparent';
 export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
+export var CLIPBOARD_ORIGIN_SDOC_KEY = 'origin-sdoc-uuid';
 export var INSERT_FILE_DISPLAY_TYPE = ['text_link', 'icon_link', 'card_link'];
 export var INSERT_POSITION = {
   BEFORE: 'before',

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/image/helpers.js

@@ -1,11 +1,15 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 import urlJoin from 'url-join';
 import { Editor, Range, Transforms, Path } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
 import context from '../../../../context';
+import EventBus from '../../../utils/event-bus';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
+import { INTERNAL_EVENT } from '../../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
 export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor, readonly) {
   if (readonly) return true;
   var selection = editor.selection;
@@ -32,11 +36,9 @@ export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor
 };
 export var generateImageNode = function generateImageNode(src) {
   var element = generateEmptyElement(IMAGE);
-  var docUuid = context.getSetting('docUuid');
   return _objectSpread(_objectSpread({}, element), {}, {
     data: {
-      src: src,
-      origin_doc_uuid: docUuid
+      src: src
     }
   });
 };
@@ -86,4 +88,61 @@ export var getImageURL = function getImageURL(url) {
   var serviceUrl = context.getSetting('serviceUrl');
   var assetsUrl = context.getSetting('assetsUrl');
   return urlJoin(serviceUrl, assetsUrl, url);
+};
+export var hasSdocImages = function hasSdocImages(originSdocUuid, fragmentData) {
+  var sdocUuid = context.getSetting('docUuid');
+  var hasImg = fragmentData.some(function (item) {
+    return item.children.some(function (child) {
+      return (child === null || child === void 0 ? void 0 : child.type) === IMAGE;
+    });
+  });
+  return originSdocUuid !== sdocUuid && hasImg;
+};
+export var getImageData = function getImageData(fragmentData) {
+  var imageData = new Set();
+  fragmentData.forEach(function (item) {
+    return item.children.forEach(function (child) {
+      if ((child === null || child === void 0 ? void 0 : child.type) === IMAGE && !child.data.src.startsWith('http')) {
+        imageData.add(child.data.src.slice(1));
+      }
+    });
+  });
+  return Array.from(imageData);
+};
+export var queryCopyMoveProgressView = function queryCopyMoveProgressView(taskId) {
+  var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var timer;
+  var stop = function stop() {
+    clearTimeout(timer);
+  };
+  var start = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var res, done, eventBus;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return context.getCopyMoveProgressView(taskId);
+          case 2:
+            res = _context.sent;
+            done = res.data.done;
+            if (done) {
+              stop();
+              // Reload image
+              eventBus = EventBus.getInstance();
+              eventBus.dispatch(INTERNAL_EVENT.RELOAD_IMAGE);
+            } else {
+              timer = setTimeout(start, interval);
+            }
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function start() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  start();
 };

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

@@ -1,9 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Transforms, Path, Editor, Element } from '@seafile/slate';
+import toaster from '../../../../components/toast';
 import context from '../../../../context';
-import { insertImage, copyImage } from './helpers';
+import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView } from './helpers';
 import { focusEditor } from '../../core';
-import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY } from '../../constants';
+import { getErrorMsg } from '../../../../utils';
+import { getSlateFragmentAttribute } from '../../../utils/document-utils';
+import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY, CLIPBOARD_ORIGIN_SDOC_KEY, IMAGE } from '../../constants';
 var withImage = function withImage(editor) {
   var isInline = editor.isInline,
     isVoid = editor.isVoid,
@@ -14,7 +17,7 @@ var withImage = function withImage(editor) {
   // rewrite isInline
   newEditor.isInline = function (elem) {
     var type = elem.type;
-    if (type === 'image') {
+    if (type === IMAGE) {
       return true;
     }
     return isInline(elem);
@@ -23,13 +26,30 @@ var withImage = function withImage(editor) {
   // rewrite isVoid
   newEditor.isVoid = function (elem) {
     var type = elem.type;
-    if (type === 'image') {
+    if (type === IMAGE) {
       return true;
     }
     return isVoid(elem);
   };
   newEditor.insertData = function (data) {
-    if (data.types && data.types.includes('Files') && data.files[0].type.includes('image')) {
+    var fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
+    var originSdocUuid = data.getData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY));
+    if (fragment && originSdocUuid) {
+      var decoded = decodeURIComponent(window.atob(fragment));
+      var fragmentData = JSON.parse(decoded);
+      if (hasSdocImages(originSdocUuid, fragmentData)) {
+        var imageData = getImageData(fragmentData);
+        context.copyImage(originSdocUuid, imageData).then(function (res) {
+          if (res.status === 200) {
+            queryCopyMoveProgressView(res.data.task_id);
+          }
+        }).catch(function (error) {
+          var errorMessage = getErrorMsg(error);
+          toaster.danger(errorMessage);
+        });
+      }
+    }
+    if (data.types && data.types.includes('Files') && data.files[0].type.includes(IMAGE)) {
       context.uploadLocalImage(data.files[0]).then(function (fileUrl) {
         insertImage(newEditor, fileUrl, editor.selection, INSERT_POSITION.CURRENT);
       });
@@ -65,7 +85,7 @@ var withImage = function withImage(editor) {
       _Editor$parent2 = _slicedToArray(_Editor$parent, 2),
       node = _Editor$parent2[0],
       path = _Editor$parent2[1];
-    if (Element.isElement(node) && node.type === 'image') {
+    if (Element.isElement(node) && node.type === IMAGE) {
       focusEditor(editor, Path.next(path));
     }
   };

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -3,18 +3,16 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import { ReactEditor, useSelected } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
+import { useSelected } from '@seafile/slate-react';
 import React from 'react';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
 import { getImageURL, updateImage } from './helpers';
 import ImagePreviewer from './dialogs/image-previewer';
-import toaster from '../../../../components/toast';
-import context from '../../../../context';
-import { getErrorMsg } from '../../../../utils';
-import imagePlaceholder from '../../../assets/images/image-placeholder.png';
+import EventBus from '../../../utils/event-bus';
+import { INTERNAL_EVENT } from '../../../constants';
 import { ADDED_STYLE, DELETED_STYLE } from '../../constants';
+import imagePlaceholder from '../../../assets/images/image-placeholder.png';
 var Image = /*#__PURE__*/function (_React$Component) {
   _inherits(Image, _React$Component);
   var _super = _createSuper(Image);
@@ -85,6 +83,24 @@ var Image = /*#__PURE__*/function (_React$Component) {
     _this.setResizerRef = function (ref) {
       _this.resizer = ref;
     };
+    _this.reloadImage = function () {
+      if (_this.image) {
+        var data = _this.props.element.data;
+        _this.image.src = getImageURL(data.src);
+      }
+    };
+    _this.onImageLoadError = function () {
+      _this.setState({
+        isShowImagePlaceholder: true
+      });
+      var element = _this.props.element;
+      var data = element.data;
+      // External network images do not reload after failure to load
+      if (!data.src.startsWith('http')) {
+        var eventBus = EventBus.getInstance();
+        eventBus.subscribe(INTERNAL_EVENT.RELOAD_IMAGE, _this.reloadImage);
+      }
+    };
     _this.state = {
       width: null,
       isResizing: false,
@@ -94,54 +110,15 @@ var Image = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   _createClass(Image, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var docUuid = context.getSetting('docUuid');
-      var _this$props2 = this.props,
-        element = _this$props2.element,
-        editor = _this$props2.editor;
-      var data = element.data;
-      var origin_doc_uuid = data.origin_doc_uuid,
-        src = data.src;
-
-      // Pictures are copied from other documents
-      if (origin_doc_uuid && origin_doc_uuid !== docUuid) {
-        this.setState({
-          isShowImagePlaceholder: true
-        });
-        var originDocUuid = origin_doc_uuid;
-        var imageList = [src.slice(1)];
-        context.copyImage(originDocUuid, imageList).then(function (res) {
-          if (res.status === 200) {
-            var path = ReactEditor.findPath(editor, element);
-            Transforms.setNodes(editor, {
-              data: _objectSpread(_objectSpread({}, data), {}, {
-                origin_doc_uuid: docUuid
-              })
-            }, {
-              at: path
-            });
-            _this2.setState({
-              isShowImagePlaceholder: false
-            });
-          }
-        }).catch(function (error) {
-          var errorMessage = getErrorMsg(error);
-          toaster.danger(errorMessage);
-        });
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-        className = _this$props3.className,
-        attributes = _this$props3.attributes,
-        element = _this$props3.element,
-        children = _this$props3.children,
-        isSelected = _this$props3.isSelected,
-        t = _this$props3.t;
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        attributes = _this$props2.attributes,
+        element = _this$props2.element,
+        children = _this$props2.children,
+        isSelected = _this$props2.isSelected,
+        t = _this$props2.t;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         isShowImagePreview = _this$state.isShowImagePreview,
@@ -163,6 +140,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", Object.assign({
         className: classNames('sdoc-image-wrapper', className)
       }, attributes), /*#__PURE__*/React.createElement("img", {
+        onError: this.onImageLoadError,
         className: imageClassName,
         ref: this.setImageRef,
         src: getImageURL(data.src),

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/basic-sdk/node-id/index.js

@@ -1,14 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { decorateOperation, replacePastedDataId } from './helpers';
+import { getSlateFragmentAttribute } from '../utils/document-utils';
 import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
-var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
-var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
-  var htmlData = dataTransfer.getData('text/html');
-  var _ref = htmlData.match(catchSlateFragment) || [],
-    _ref2 = _slicedToArray(_ref, 2),
-    fragment = _ref2[1];
-  return fragment;
-};
 var withNodeId = function withNodeId(editor) {
   var apply = editor.apply;
   var newEditor = editor;

package/dist/basic-sdk/utils/document-utils.js

@@ -1,5 +1,8 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import ObjectUtils from './object-utils';
+import context from '../../context';
 import { generateDefaultText } from '../../basic-sdk/extension/core/utils/index';
+import { CLIPBOARD_ORIGIN_SDOC_KEY } from '../extension/constants';
 export var normalizeChildren = function normalizeChildren(children) {
   // text
   if (!Array.isArray(children)) return children;
@@ -15,4 +18,16 @@ export var normalizeChildren = function normalizeChildren(children) {
     child.children = normalizeChildren(child.children);
     return child;
   });
+};
+export var setOriginSdocKey = function setOriginSdocKey(event) {
+  var docUuid = context.getSetting('docUuid');
+  event.clipboardData.setData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY), docUuid);
+};
+export var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
+  var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
+  var htmlData = dataTransfer.getData('text/html');
+  var _ref = htmlData.match(catchSlateFragment) || [],
+    _ref2 = _slicedToArray(_ref, 2),
+    fragment = _ref2[1];
+  return fragment;
 };

package/dist/basic-sdk/utils/event-handler.js

@@ -3,6 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import isHotkey from 'is-hotkey';
 import EventBus from '../utils/event-bus';
 import { getSelectedNodeByType } from '../extension/core/queries/';
+import { setOriginSdocKey } from './document-utils';
 import { ELEMENT_TYPE } from '../extension/constants';
 import { INTERNAL_EVENT } from '../constants';
 var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
@@ -79,11 +80,10 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
     }
   };
   this.onCopy = function (event) {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    // 处理数据
+    setOriginSdocKey(event);
   };
   this.onCut = function (event) {
+    setOriginSdocKey(event);
     if (_this.editor.cut) {
       _this.editor.cut(event);
     }

package/dist/context.js

@@ -236,6 +236,18 @@ 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);
+    }
+  }, {
+    key: "getCopyMoveProgressView",
+    value: function getCopyMoveProgressView(taskId) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getCopyMoveProgressView(docUuid, taskId);
+    }
   }]);
   return Context;
 }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.173",
+  "version": "0.1.175",
   "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";
 }