@seafile/sdoc-editor 0.1.155 → 0.1.157

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -7,14 +7,14 @@ import context from '../../../../context';
 import LocalFiles from './local-files';
 import toaster from '../../../../components/toast';
 import { getErrorMsg } from '../../../../utils/';
+import { ELEMENT_TYPE, FILE_TYPE } from '../../constants';
 import './index.css';
 var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
   var editor = _ref.editor,
     dialogType = _ref.dialogType,
     closeDialog = _ref.closeDialog,
     insertLinkCallback = _ref.insertLinkCallback;
-  var type = dialogType === 'file-link' ? 'file' : 'sdoc';
-  var modalTitle = dialogType === 'file-link' ? 'Select_file' : 'Select_sdoc_document';
+  var modalTitle = dialogType === ELEMENT_TYPE.FILE_LINK ? 'Select_file' : 'Select_sdoc_document';
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(null),
@@ -27,7 +27,7 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
   var insertFile = useCallback(function (fileInfo) {
     var insertFileLinkCallback = insertLinkCallback.insertFileLinkCallback,
       insertSdocFileLinkCallback = insertLinkCallback.insertSdocFileLinkCallback;
-    if (dialogType === 'file-link') {
+    if (dialogType === ELEMENT_TYPE.FILE_LINK) {
       insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
     } else {
       insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
@@ -79,7 +79,7 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
   }, t('Local_file')))), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-file-select-right"
   }, /*#__PURE__*/React.createElement(LocalFiles, {
-    type: type,
+    fileType: FILE_TYPE[dialogType],
     onSelectedFile: onSelectedFile,
     toggle: closeDialog
   }), /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js

@@ -14,7 +14,7 @@ import './index.css';
 var LocalFiles = function LocalFiles(_ref) {
   var onSelectedFile = _ref.onSelectedFile,
     toggle = _ref.toggle,
-    fileType = _ref.type,
+    fileType = _ref.fileType,
     t = _ref.t;
   var folderRef = useRef(null);
   var _useState = useState(new Set([])),

package/dist/basic-sdk/extension/constants/element-type.js

@@ -9,7 +9,7 @@ export var HEADER4 = 'header4';
 export var HEADER5 = 'header5';
 export var HEADER6 = 'header6';
 export var ORDERED_LIST = 'ordered_list';
-export var UNORDERED_LIST = 'unordered_list'; // unordered_list can not work
+export var UNORDERED_LIST = 'unordered_list';
 export var LIST_ITEM = 'list-item';
 export var LIST_LIC = 'list-lic'; // placeholder
 export var CHECK_LIST_ITEM = 'check-list-item';

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _HEADER_TITLE_MAP;
+var _HEADER_TITLE_MAP, _FILE_TYPE;
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE } from './element-type';
@@ -10,7 +10,6 @@ export { KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS } from './keyboard';
 export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
 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 LIST_TYPE_ARRAY = ['unordered_list', 'ordered_list'];
 export var TRANSPARENT = 'transparent';
 export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
 export var INSERT_FILE_DISPLAY_TYPE = ['text_link', 'icon_link', 'card_link'];
@@ -20,6 +19,9 @@ export var INSERT_POSITION = {
   AFTER: 'after'
 };
 export var LOCAL_IMAGE = 'local-image';
-export var LIST_ITEM_CORRELATION_TYPE = ['unordered_list', 'ordered_list', 'list-item'];
-export var LIST_ITEM_SUPPORTED_TRANSFORMATION = ['unordered_list', 'ordered_list', 'left', 'center', 'right', 'blockquote'];
+export var LIST_TYPE_ARRAY = [UNORDERED_LIST, ORDERED_LIST];
+export var LIST_ITEM_CORRELATION_TYPE = [UNORDERED_LIST, ORDERED_LIST, LIST_ITEM];
+export var LIST_ITEM_SUPPORTED_TRANSFORMATION = [UNORDERED_LIST, ORDERED_LIST, 'left', 'center', 'right', BLOCKQUOTE];
+export var ADD_POSITION_OFFSET_TYPE = [PARAGRAPH, SUBTITLE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CHECK_LIST_ITEM];
+export var FILE_TYPE = (_FILE_TYPE = {}, _defineProperty(_FILE_TYPE, FILE_LINK, 'file'), _defineProperty(_FILE_TYPE, SDOC_LINK, 'sdoc'), _FILE_TYPE);
 export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE };

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Transforms, Element } from '@seafile/slate';
 import slugid from 'slugid';
-import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST } from '../../constants';
 import { focusEditor, getNodeType } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -11,8 +11,8 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
         var type = getNodeType(n);
 
         // Only available for p and blockquote
-        if (type === 'paragraph') return true;
-        if (type === 'blockquote') return true;
+        if (type === PARAGRAPH) return true;
+        if (type === BLOCKQUOTE) return true;
         if (type === UNORDERED_LIST) return true;
         if (type === ORDERED_LIST) return true;
         if (type === CHECK_LIST_ITEM) return true;
@@ -42,7 +42,7 @@ export var getBlockQuoteType = function getBlockQuoteType(editor) {
     }),
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -114,7 +114,7 @@ export var changeToPlainText = function changeToPlainText(editor) {
   var pList = str.split('\n').map(function (s) {
     return {
       id: elem.id,
-      type: 'paragraph',
+      type: PARAGRAPH,
       children: [{
         text: s,
         id: slugid.nice()

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -102,7 +102,7 @@ var withCodeBlock = function withCodeBlock(editor) {
     var type = getNodeType(node);
     if (type === CODE_LINE && path.length <= 1) {
       Transforms.setNodes(newEditor, {
-        type: 'paragraph'
+        type: PARAGRAPH
       }, {
         at: path
       });
@@ -126,19 +126,19 @@ var withCodeBlock = function withCodeBlock(editor) {
       }
 
       // There must be a code node below code-block
-      if (getNodeType(node.children[0]) !== 'code-line') {
+      if (getNodeType(node.children[0]) !== CODE_LINE) {
         Transforms.unwrapNodes(newEditor);
         Transforms.setNodes(newEditor, {
-          type: 'paragraph'
+          type: PARAGRAPH
         }, {
           mode: 'highest'
         });
       }
       if (node.children.length > 1) {
         node.children.forEach(function (child, index) {
-          if (child.type !== 'code-line') {
+          if (child.type !== CODE_LINE) {
             Transforms.setNodes(newEditor, {
-              type: 'code-line'
+              type: CODE_LINE
             }, {
               at: [].concat(_toConsumableArray(path), [index])
             });

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

@@ -37,7 +37,6 @@ export var getFontSize = function getFontSize(editor) {
           if (n['font-size']) return true;
           var _parentNode = getParentNode(editor.children, n.id);
           if (!_parentNode) return false;
-          // title | subtitle | header | code-line
           if ([TITLE, SUBTITLE].concat(_toConsumableArray(HEADERS), [CODE_LINE]).includes(_parentNode.type)) {
             return true;
           }
@@ -52,8 +51,6 @@ export var getFontSize = function getFontSize(editor) {
   // has font-size attrubute
   var matched = match[0];
   if (matched['font-size']) return matched['font-size'];
-
-  // title | subtitle | header | code-line
   var parentNode = getParentNode(editor.children, matched.id);
   return SDOC_FONT_SIZE[parentNode.type];
 };

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Transforms } from '@seafile/slate';
 import { getNodeType, isTextNode, getParentNode } from '../../core';
-import { ELEMENT_TYPE, SUBTITLE, TITLE } from '../../constants';
+import { ELEMENT_TYPE, HEADER, PARAGRAPH, SUBTITLE, TITLE } from '../../constants';
 export var isMenuDisabled = function isMenuDisabled(editor) {
   var readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (readonly) return true;
@@ -16,7 +16,7 @@ export var isMenuDisabled = function isMenuDisabled(editor) {
         if (type === ELEMENT_TYPE.CODE_LINE) return true;
         if (type === ELEMENT_TYPE.CODE_BLOCK) return true;
         if (type === ELEMENT_TYPE.PARAGRAPH) return true;
-        if (type.startsWith('header')) return true;
+        if (type.startsWith(HEADER)) return true;
         if (type === TITLE) return true;
         if (type === SUBTITLE) return true;
         return false;
@@ -32,7 +32,7 @@ export var getHeaderType = function getHeaderType(editor) {
   var _Editor$nodes3 = Editor.nodes(editor, {
       match: function match(n) {
         var nodeType = getNodeType(n);
-        if (nodeType.includes('header')) return true;
+        if (nodeType.includes(HEADER)) return true;
         if (nodeType === TITLE) return true;
         if (nodeType === SUBTITLE) return true;
         return false;
@@ -41,7 +41,7 @@ export var getHeaderType = function getHeaderType(editor) {
     }),
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

package/dist/basic-sdk/extension/plugins/header/menu/index.js

@@ -68,7 +68,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       return function () {
         var editor = _this.props.editor;
         var active = _this.isActive(type);
-        var newType = active ? 'paragraph' : type;
+        var newType = active ? PARAGRAPH : type;
         setHeaderType(editor, newType);
         _this.setState({
           isShowHeaderPopover: false

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element, Transforms, Node } from '@seafile/slate';
-import { PARAGRAPH, HEADERS, LIST_TYPE_ARRAY, TITLE, SUBTITLE } from '../../constants';
+import { PARAGRAPH, HEADERS, LIST_TYPE_ARRAY, TITLE, SUBTITLE, HEADER } from '../../constants';
 import { generateEmptyElement, getSelectedNodeByTypes } from '../../core';
 import { isMenuDisabled, setHeaderType } from './helpers';
 import isHotkey from 'is-hotkey';
@@ -23,7 +23,7 @@ var withHeader = function withHeader(editor) {
     var _Editor$nodes = Editor.nodes(newEditor, {
         match: function match(n) {
           if (!Element.isElement(n)) return false;
-          if (n.type.startsWith('header')) return true;
+          if (n.type.startsWith(HEADER)) return true;
           if (n.type === TITLE) return true;
           if (n.type === SUBTITLE) return true;
           return false;

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

@@ -5,7 +5,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 import { Editor, Transforms, Range, Path } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import slugid from 'slugid';
-import { ELEMENT_TYPE, INSERT_POSITION, LINK, LIST_ITEM } from '../../constants';
+import { CODE_BLOCK, CODE_LINE, ELEMENT_TYPE, INSERT_POSITION, LINK, LIST_ITEM, PARAGRAPH } from '../../constants';
 import { getNodeType, getSelectedElems, getAboveNode, getEditorString, replaceNodeChildren, generateEmptyElement } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -14,7 +14,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElems.some(function (elem) {
     var type = elem.type;
     if (editor.isVoid(elem)) return true;
-    if (['code-block', 'code-line', 'link'].includes(type)) return true;
+    if ([CODE_BLOCK, CODE_LINE, LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -49,7 +49,7 @@ export var getLinkType = function getLinkType(editor) {
     }),
     _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
     match = _Editor$nodes2[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import { Editor, Element } from '@seafile/slate';
-import { PARAGRAPH } from '../../constants';
+import { CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, PARAGRAPH, TABLE } from '../../constants';
 import { getSelectedNodeByType } from '../../core';
 import { toggleList } from './transforms';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
@@ -28,7 +28,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElements.some(function (element) {
     if (Editor.isVoid(editor, element) && Editor.isBlock(editor, element)) return true;
     var type = element.type;
-    if (['code-line', 'code-block', 'table', 'check-list-item'].includes(type)) return true;
+    if ([CODE_LINE, CODE_BLOCK, TABLE, CHECK_LIST_ITEM].includes(type)) return true;
     return false;
   });
   if (notMatch) return true;

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

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms, Range } from '@seafile/slate';
 import { toggleList } from '../list/transforms';
 import { getSelectedNodeByType } from '../../core';
-import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, TEXT_STYLE_MAP } from '../../constants';
+import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, TEXT_STYLE_MAP, PARAGRAPH } from '../../constants';
 var KEY_TO_TYPE_FOR_SPACE = {
   // Title shortcut
   '#': HEADER1,
@@ -61,7 +61,7 @@ var withMarkDown = function withMarkDown(editor) {
     var selection = editor.selection;
     if (selection == null) return insertText(text);
     if (Range.isExpanded(selection)) return insertText(text);
-    if (getSelectedNodeByType(editor, 'paragraph') == null) return insertText(text); // It must be in paragraph
+    if (getSelectedNodeByType(editor, PARAGRAPH) == null) return insertText(text); // It must be in paragraph
     if (text !== ' ') return insertText(text); // The value must be an input space
 
     // Gets the text before the space

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

@@ -4,7 +4,7 @@ import { Editor, Transforms, Range } from '@seafile/slate';
 import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
-import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE } from '../../constants';
+import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
 import { getNodeType, getSelectedElems } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -13,7 +13,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElems.some(function (elem) {
     var type = elem.type;
     if (editor.isVoid(elem)) return true;
-    if (['code-block', 'code-line', 'link'].includes(type)) return true;
+    if ([CODE_BLOCK, CODE_LINE, LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -43,7 +43,7 @@ export var getType = function getType(editor) {
     }),
     _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
     match = _Editor$nodes2[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -1,13 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor } from '@seafile/slate';
 import { getNodeType } from '../../core';
+import { CODE_BLOCK } from '../../constants/element-type';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
   if (editor.selection == null) return true;
   var _Editor$nodes = Editor.nodes(editor, {
       match: function match(n) {
         var type = getNodeType(n);
-        if (type === 'code-block') return true; // Code block
+        if (type === CODE_BLOCK) return true; // Code block
         if (Editor.isVoid(editor, n)) return true; // void node
 
         return false;

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -3,7 +3,7 @@ import slugid from 'slugid';
 import { ReactEditor } from '@seafile/slate-react';
 import copy from 'copy-to-clipboard';
 import { toggleList } from '../../plugins/list/transforms';
-import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, LIST_ITEM, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE } from '../../constants';
+import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, LIST_ITEM, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE } from '../../constants';
 export var onSetNodeType = function onSetNodeType(editor, element, type) {
   if (!type) return;
   if ([ORDERED_LIST, UNORDERED_LIST].includes(type)) {
@@ -62,10 +62,17 @@ export var onDeleteNode = function onDeleteNode(editor, element) {
     at: path
   });
 };
-export var getDomTopHeight = function getDomTopHeight(dom) {
-  var HEADER_HEIGHT = 56 + 44;
+export var getDomTopHeight = function getDomTopHeight(dom, slateNode) {
   var rect = dom.getBoundingClientRect();
-  return rect.y - HEADER_HEIGHT;
+  var offsetY = 0;
+  var paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
+  var lightHight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
+  if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
+    offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
+  }
+
+  var HEADER_HEIGHT = 56 + 44;
+  return rect.y - HEADER_HEIGHT + offsetY;
 };
 export var isVoidNode = function isVoidNode(node) {
   if (!node) return true;

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

@@ -69,8 +69,8 @@ var SideToolbar = function SideToolbar() {
         if (!dom.parentNode) return;
         dom = dom.parentNode;
       }
-      var top = getDomTopHeight(dom);
       var node = ReactEditor.toSlateNode(editor, dom);
+      var top = getDomTopHeight(dom, node);
       var isEmpty = isVoidNode(node);
       setSidePosition({
         top: top + scrollRef.current.scrollTop,

package/package.json

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