@seafile/sdoc-editor 0.1.72 → 0.1.74

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

@@ -20,7 +20,7 @@ export var commentDecorate = function commentDecorate(editor) {
         }
       };
       // rgba prevents occlusion of the cursor
-      decoration['bg_color'] = 'rgba(129, 237, 247, 0.5)';
+      decoration['computed_bg_color'] = 'rgba(129, 237, 247, 0.5)';
       decoration['comment_count'] = editor.comments_map[node.id].length;
       decorations.push(decoration);
     }

package/dist/basic-sdk/editor.js

@@ -136,6 +136,54 @@ var SDocEditor = function SDocEditor(_ref) {
       scrollRef.current.scroll(0, Math.max(0, scrollTop + _domHeight));
       return;
     }
+    if (event.key === 'Backspace') {
+      var _getCursorPosition3 = getCursorPosition(),
+        _y2 = _getCursorPosition3.y;
+
+      // above viewport
+      if (_y2 < 0) {
+        var newY = Math.abs(_y2);
+        if (isSelectionAtBlockStart(editor)) {
+          var _prevNode = getPrevNode(editor);
+          if (!_prevNode) return;
+          var _domNode2 = ReactEditor.toDOMNode(editor, _prevNode[0]);
+          var _domHeight2 = getDomHeight(_domNode2);
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - (newY + _domHeight2)));
+        } else {
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - newY));
+        }
+        return;
+      }
+
+      // insider viewport
+      if (_y2 >= 0 && _y2 <= clientHeight) {
+        if (isSelectionAtBlockStart(editor)) {
+          var _prevNode2 = getPrevNode(editor);
+          if (!_prevNode2) return;
+          var _domNode3 = ReactEditor.toDOMNode(editor, _prevNode2[0]);
+          var _domHeight3 = getDomHeight(_domNode3);
+          if (_y2 >= _domHeight3) return;
+          // Scroll up the height of the previous block
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - _domHeight3));
+          return;
+        }
+      }
+
+      // below viewport
+      if (_y2 > clientHeight) {
+        if (isSelectionAtBlockStart(editor)) {
+          // y: text top border
+          scrollRef.current.scroll(0, Math.max(0, scrollTop + (_y2 - clientHeight)));
+        } else {
+          var marginBottom = 11.2;
+          var _getCursorPosition4 = getCursorPosition(false),
+            _newY = _getCursorPosition4.y;
+          var rectBottom = _newY + marginBottom; // text bottom border
+          scrollRef.current.scroll(0, Math.max(0, scrollTop + (rectBottom - clientHeight)));
+        }
+        return;
+      }
+    }
     eventProxy.onKeyDown(event);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

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

@@ -114,11 +114,11 @@ export var TABLE_ELEMENT_POSITION = {
   BEFORE: 'before'
 };
 export var DELETED_STYLE = {
-  background_color: '#ffeef0',
+  computed_bg_color: '#ffeef0',
   color: 'rgb(165, 32, 21)'
 };
 export var ADDED_STYLE = {
-  background_color: '#e6ffed',
+  computed_bg_color: '#e6ffed',
   color: 'rgb(137, 181, 66)'
 };
 export { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST, CHECK_LIST_ITEM, LINK, HTML, CODE_BLOCK, CODE_LINE, IMAGE, TABLE, TABLE_CELL, TABLE_ROW, FORMULA, COLUMN, TEXT_STYLE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, ELEMENT_TYPE, KEYBOARD };

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

@@ -27,10 +27,11 @@ var withHeader = function withHeader(editor) {
       insertBreak();
       return;
     }
+    var isAtLineEnd = isSelectionAtLineEnd(editor, match[1]);
     var nextNode = Editor.next(editor, {
       at: match[1]
     });
-    if (nextNode) {
+    if (isAtLineEnd && nextNode && editor.children.length === 2) {
       var _nextNode = _slicedToArray(nextNode, 2),
         node = _nextNode[0],
         path = _nextNode[1];
@@ -39,7 +40,6 @@ var withHeader = function withHeader(editor) {
         return;
       }
     }
-    var isAtLineEnd = isSelectionAtLineEnd(editor, match[1]);
 
     // If an empty p is inserted at the end of the line, otherwise wrap normally
     if (isAtLineEnd) {

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

@@ -15,8 +15,8 @@ var renderText = function renderText(props, editor) {
     style['display'] = 'inline-block';
     style['minWidth'] = '2px';
   }
-  if (leaf.background_color) {
-    style['backgroundColor'] = leaf.background_color;
+  if (leaf.computed_bg_color) {
+    style['backgroundColor'] = leaf.computed_bg_color;
   }
   if (leaf.color) {
     style['color'] = leaf.color;
@@ -55,9 +55,6 @@ var renderText = function renderText(props, editor) {
       className: "token ".concat(leaf.type)
     }, markedChildren);
   }
-  if (leaf.bg_color) {
-    style['backgroundColor'] = leaf.bg_color;
-  }
   return /*#__PURE__*/React.createElement("span", Object.assign({
     "data-id": leaf.id
   }, attributes, {

package/dist/basic-sdk/views/diff-viewer.js

@@ -30,7 +30,7 @@ var DiffViewer = function DiffViewer(_ref) {
       return /*#__PURE__*/React.createElement("span", {
         className: "d-inline-block p-1",
         style: {
-          backgroundColor: style.background_color,
+          backgroundColor: style.computed_bg_color,
           width: 'fit-content',
           height: 'fit-content'
         }

package/package.json

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