@seafile/sdoc-editor 0.1.129 → 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/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/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/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.129",
+  "version": "0.1.130",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",