@seafile/sdoc-editor 0.1.128 → 0.1.130

package/dist/basic-sdk/assets/css/code-block.css

@@ -23,7 +23,8 @@
 .sdoc-code-block-code .sdoc-code-line::before {
   content: counter(number);
   color: #ccc;
-  margin-right: 24px;
+  display: inline-block;
+  width: 40px;
 }
 
 .sdoc-code-line

package/dist/basic-sdk/assets/css/default.css

@@ -0,0 +1,8 @@
+/* modify default css */
+.sdoc-editor-container .article {
+  font-size: 16px;
+}
+
+.sdoc-editor-container .sdoc-code-block-pre {
+  font-size: 14px;
+}

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

@@ -51,6 +51,19 @@ var EditorComment = function EditorComment() {
     setComments([]);
     setIsShowComments(false);
   }, [element_comments_map, selectionElement, editor.selection]);
+  var onHiddenComment = useCallback(function (e) {
+    if (e.target.className === 'article') {
+      setComments([]);
+      setIsShowComments(false);
+    }
+  }, []);
+  useEffect(function () {
+    window.addEventListener('click', onHiddenComment);
+    return function () {
+      window.removeEventListener('click', onHiddenComment);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-comment-container"
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -31,7 +31,8 @@ var FONT_WEIGHT_400_700 = [400, 700];
 var FONT_WEIGHT_100_400_700 = [100, 400, 700];
 var FONT_WEIGHT_100_400_700_800 = [100, 400, 700, 800];
 export var SPECIAL_FONT_SIZE_NAME = ['初号', '小初', '一号', '小一', '二号', '小二', '三号', '小三', '四号', '小四', '五号', '小五'];
-export var DEFAULT_COMMON_FONT_SIZE = 14;
+export var DEFAULT_COMMON_FONT_SIZE = 16;
+export var DEFAULT_CODE_FONT_SIZE = 14;
 export var FONT_SIZE = [{
   name: '初号',
   value: 42,

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

@@ -5,7 +5,7 @@ import * as ELEMENT_TYPE from './element-type';
 import { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, SUPERSCRIPT, SUBSCRIPT, 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, TEXT_STYLE_MORE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, CLEAR_FORMAT, COLOR, HIGHLIGHT_COLOR, SDOC_LINK } from './element-type';
 import KEYBOARD from './keyboard';
 import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from './color';
-import { SPECIAL_FONT_SIZE_NAME, DEFAULT_COMMON_FONT_SIZE, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, HEADER_FONT_SIZE } from './font';
+import { SPECIAL_FONT_SIZE_NAME, DEFAULT_COMMON_FONT_SIZE, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, HEADER_FONT_SIZE, DEFAULT_CODE_FONT_SIZE } from './font';
 
 // history
 export var UNDO = 'undo';
@@ -232,4 +232,4 @@ export var SIDE_MENUS_CONFIG = [{
   type: BLOCKQUOTE,
   title: 'Quote'
 }];
-export { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, SUPERSCRIPT, SUBSCRIPT, 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, TEXT_STYLE_MORE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, ELEMENT_TYPE, KEYBOARD, DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, CLEAR_FORMAT, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR, SPECIAL_FONT_SIZE_NAME, DEFAULT_COMMON_FONT_SIZE, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, HEADER_FONT_SIZE, SDOC_LINK };
+export { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, SUPERSCRIPT, SUBSCRIPT, 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, TEXT_STYLE_MORE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, ELEMENT_TYPE, KEYBOARD, DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, CLEAR_FORMAT, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR, SPECIAL_FONT_SIZE_NAME, DEFAULT_COMMON_FONT_SIZE, DEFAULT_CODE_FONT_SIZE, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, HEADER_FONT_SIZE, SDOC_LINK };

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

@@ -121,4 +121,11 @@ export var setClipboardData = function setClipboardData(value) {
       data.setData('text/code-block', JSON.stringify(value));
     }
   });
+};
+export var deleteBackwardByLength = function deleteBackwardByLength(editor, len) {
+  var i = len >= 4 ? 4 : len;
+  while (i > 0) {
+    Editor.deleteBackward(editor, 'word');
+    i--;
+  }
 };

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

@@ -1,9 +1,12 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import slugid from 'slugid';
-import { Transforms, Node, Range, Editor } from '@seafile/slate';
+import isHotkey from 'is-hotkey';
+import { Transforms, Node, Range, Editor, Path } from '@seafile/slate';
 import { getNodeType, isLastNode, getSelectedNodeByType, generateEmptyElement } from '../../core';
+import { deleteBackwardByLength } from './helpers';
 import { CODE_BLOCK, PARAGRAPH, CODE_LINE } from '../../constants';
 var withCodeBlock = function withCodeBlock(editor) {
   var normalizeNode = editor.normalizeNode,
@@ -22,6 +25,25 @@ var withCodeBlock = function withCodeBlock(editor) {
     return insertText(data);
   };
   newEditor.insertData = function (data) {
+    if (!newEditor.insertFragmentData(data)) {
+      var plaintext = data.getData('text/plain') || '';
+      if (plaintext) {
+        var fragmentData = [];
+        plaintext.split('\n').forEach(function (item) {
+          var codeLine = {
+            id: slugid.nice(),
+            type: CODE_LINE,
+            children: [{
+              text: item,
+              id: slugid.nice()
+            }]
+          };
+          fragmentData.push(codeLine);
+        });
+        newEditor.insertFragment(fragmentData);
+        return;
+      }
+    }
     if (data.types.includes('text/code-block') && !getSelectedNodeByType(editor, CODE_BLOCK)) {
       var codeBlockNode = JSON.parse(data.getData('text/code-block'));
       return insertNode(codeBlockNode);
@@ -147,6 +169,34 @@ var withCodeBlock = function withCodeBlock(editor) {
     // Perform default behavior
     return normalizeNode([node, path]);
   };
+  newEditor.codeBlockOnKeyDown = function (event) {
+    if (isHotkey('command+enter', event)) {
+      if (newEditor.selection && !Range.isExpanded(newEditor.selection)) {
+        var path = Editor.path(newEditor, newEditor.selection);
+        var p = generateEmptyElement(PARAGRAPH);
+        Transforms.insertNodes(newEditor, p, {
+          at: [path[0] + 1]
+        });
+        Transforms.select(newEditor, [path[0] + 1]);
+      }
+    }
+    if (isHotkey('tab', event)) {
+      newEditor.insertText('    ');
+    }
+    if (isHotkey('shift+tab', event)) {
+      var range = {
+        anchor: {
+          offset: 0,
+          path: newEditor.selection.focus.path
+        },
+        focus: _objectSpread({}, newEditor.selection.focus)
+      };
+      var str = Editor.string(newEditor, range);
+      if (str.trim() === '') {
+        deleteBackwardByLength(newEditor, str.length);
+      }
+    }
+  };
   return newEditor;
 };
 export default withCodeBlock;

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element } from '@seafile/slate';
-import { CODE_BLOCK, DEFAULT_COMMON_FONT_SIZE, IMAGE, FONT_SIZE, SPECIAL_FONT_SIZE_NAME, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, HEADER_FONT_SIZE, HEADERS } from '../../constants';
+import { CODE_BLOCK, DEFAULT_COMMON_FONT_SIZE, IMAGE, FONT_SIZE, SPECIAL_FONT_SIZE_NAME, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, HEADER_FONT_SIZE, HEADERS, ELEMENT_TYPE, DEFAULT_CODE_FONT_SIZE } from '../../constants';
 import { focusEditor, getParentNode } from '../../core';
 import context from '../../../../context';
 import { isMac } from '../../../../utils';
@@ -33,10 +33,9 @@ export var getFontSize = function getFontSize(editor) {
       at: Editor.unhangRange(editor, selection),
       match: function match(n) {
         if (!Editor.isEditor(n) && !Element.isElement(n)) {
-          // console.log(n) && n['font-size']
           if (n['font-size']) return true;
           var _parentNode = getParentNode(editor.children, n.id);
-          if (_parentNode && HEADERS.includes(_parentNode.type)) {
+          if (_parentNode && (HEADERS.includes(_parentNode.type) || _parentNode.type === ELEMENT_TYPE.CODE_LINE)) {
             return true;
           }
           return false;
@@ -51,6 +50,7 @@ export var getFontSize = function getFontSize(editor) {
   if (matched['font-size']) return matched['font-size'];
   var parentNode = getParentNode(editor.children, matched.id);
   if (HEADERS.includes(parentNode.type)) return HEADER_FONT_SIZE[parentNode.type];
+  if (parentNode.type === ELEMENT_TYPE.CODE_LINE) return DEFAULT_CODE_FONT_SIZE;
   return DEFAULT_COMMON_FONT_SIZE;
 };
 export var setFontSize = function setFontSize(editor, value) {

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

@@ -1,9 +1,11 @@
 import { deserializeHtml } from './helper';
+import { getSelectedNodeByType } from '../../core';
+import { CODE_BLOCK } from '../../constants';
 var withHtml = function withHtml(editor) {
   var insertData = editor.insertData;
   var newEditor = editor;
   newEditor.insertData = function (data) {
-    if (!newEditor.insertFragmentData(data)) {
+    if (!newEditor.insertFragmentData(data) && !getSelectedNodeByType(editor, CODE_BLOCK)) {
       var htmlContent = data.getData('text/html') || '';
       if (htmlContent) {
         var content = deserializeHtml(htmlContent);

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

@@ -1,10 +1,13 @@
-import { Transforms, Path } from '@seafile/slate';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Transforms, Path, Editor, Element } from '@seafile/slate';
 import context from '../../../../context';
 import { insertImage } from './helpers';
+import { focusEditor } from '../../core';
 var withImage = function withImage(editor) {
   var isInline = editor.isInline,
     isVoid = editor.isVoid,
-    insertData = editor.insertData;
+    insertData = editor.insertData,
+    deleteBackward = editor.deleteBackward;
   var newEditor = editor;
 
   // rewrite isInline
@@ -53,6 +56,18 @@ var withImage = function withImage(editor) {
       return;
     }
   };
+  newEditor.deleteBackward = function (unit) {
+    deleteBackward(unit);
+    // After the delete operation, if the selected image is selected, the cursor moves backward one position
+    var selection = editor.selection;
+    var _Editor$parent = Editor.parent(editor, selection),
+      _Editor$parent2 = _slicedToArray(_Editor$parent, 2),
+      node = _Editor$parent2[0],
+      path = _Editor$parent2[1];
+    if (Element.isElement(node) && node.type === 'image') {
+      focusEditor(editor, Path.next(path));
+    }
+  };
   return newEditor;
 };
 export default withImage;

package/dist/basic-sdk/layout/editor-container.js

@@ -3,6 +3,7 @@ import classnames from 'classnames';
 import { ColorProvider } from '../hooks/use-color-context';
 import { Toolbar } from '../extension';
 import { isMobile } from '../../utils';
+import '../assets/css/default.css';
 import '../assets/css/layout.css';
 import '../assets/css/sdoc-editor-plugins.css';
 import '../assets/css/dropdown-menu.css';

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

@@ -79,6 +79,7 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
       _this.editor.imageOnKeyDown(event);
     }
     if (getSelectedNodeByType(editor, ELEMENT_TYPE.CODE_BLOCK)) {
+      _this.editor.codeBlockOnKeyDown(event);
       var eventBus = EventBus.getInstance();
       eventBus.dispatch(INTERNAL_EVENT.HIDDEN_CODE_BLOCK_HOVER_MENU);
     }

package/package.json

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