@seafile/sdoc-editor 0.4.8 → 0.4.10

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

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms, Element } from '@seafile/slate';
 import slugid from 'slugid';
 import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, TABLE, CALL_OUT } from '../../constants';
-import { focusEditor, getNodeType } from '../../core';
+import { getNodeType } from '../../core';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -64,7 +64,6 @@ export const setBlockQuoteType = (editor, active) => {
       }
     });
   }
-  focusEditor(editor);
 };
 export const getFormattedElements = data => {
   const elements = [];

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { BLOCKQUOTE, MENUS_CONFIG_MAP } from '../../../constants';
 import { MenuItem } from '../../../commons';
 import { getBlockQuoteType, isMenuDisabled, setBlockQuoteType } from '../helpers';
+import { focusEditor } from '../../../core';
 class QuoteMenu extends React.Component {
   constructor() {
     super(...arguments);
@@ -25,6 +26,7 @@ class QuoteMenu extends React.Component {
       } = this.props;
       const active = this.isActive(editor);
       setBlockQuoteType(editor, active);
+      focusEditor(editor);
     };
   }
   render() {

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

@@ -1,4 +1,4 @@
-import { Editor, Element, Transforms, Node } from '@seafile/slate';
+import { Editor, Element, Transforms, Node, Path } from '@seafile/slate';
 import { focusEditor, generateDefaultText, getSelectedNodeByType, isSelectionAtBlockStart } from '../../core';
 import { BLOCKQUOTE, PARAGRAPH, CODE_BLOCK, TABLE } from '../../constants';
 import { setBlockQuoteType, getFormattedElements, getFormattedRestElements } from './helpers';
@@ -27,12 +27,11 @@ const withBlockquote = editor => {
     const isAtEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
     if (isAtEnd) {
       const isEmptyLine = !(currentLineEntry && Editor.string(newEditor, currentLineEntry[1]).length);
-      const movePath = quoteBlockEntry[1];
-      movePath.push(movePath.pop() + 1);
       if (isEmptyLine) {
+        const nextPath = Path.next(quoteBlockEntry[1]);
         Transforms.moveNodes(newEditor, {
           at: currentLineEntry[1],
-          to: movePath
+          to: nextPath
         });
         return;
       }

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

@@ -16,6 +16,6 @@ import FileLinkPlugin from './file-link';
 import ParagraphPlugin from './paragraph';
 import CalloutPlugin from './callout';
 import SearchReplacePlugin from './search-replace';
-const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
+const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
 export default Plugins;
 export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin };

package/dist/basic-sdk/extension/plugins/list/transforms/move-list-items.js

@@ -39,7 +39,7 @@ export const moveListItems = function (editor) {
     const licPath = licPathRef.unref();
     if (!licPath) return;
     const listItem = Editor.parent(editor, licPath);
-    if (!listItem) return;
+    if (!listItem || listItem[1].length === 0) return;
     const parentList = Editor.parent(editor, listItem[1]);
     if (!parentList) return;
     let _moved = false;

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

@@ -3,6 +3,7 @@ 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, PARAGRAPH } from '../../constants';
+import { setBlockQuoteType } from '../blockquote/helpers';
 const KEY_TO_TYPE_FOR_SPACE = {
   // Title shortcut
   '#': HEADER1,
@@ -163,11 +164,7 @@ const withMarkDown = editor => {
       return;
     }
     if (type === BLOCKQUOTE) {
-      Transforms.setNodes(editor, {
-        type
-      }, {
-        mode: 'highest'
-      });
+      setBlockQuoteType(editor, false);
       return;
     }
     Transforms.setNodes(editor, {

package/dist/basic-sdk/extension/plugins/paragraph/index.js

@@ -1,6 +1,8 @@
+import withParagraph from './plugin';
 import { PARAGRAPH } from '../../constants';
 import { renderParagraph } from './render-elem';
 const ParagraphPlugin = {
+  editorPlugin: withParagraph,
   type: PARAGRAPH,
   renderElements: [renderParagraph]
 };

package/dist/basic-sdk/extension/plugins/paragraph/plugin/index.js

@@ -0,0 +1,75 @@
+import isHotkey from 'is-hotkey';
+import { Editor, Range, Transforms } from '@seafile/slate';
+import { PARAGRAPH } from '../../../constants';
+const withParagraph = editor => {
+  const {
+    handleTab,
+    insertText,
+    deleteBackward
+  } = editor;
+  const newEditor = editor;
+  newEditor.handleTab = event => {
+    var _selectedNode$;
+    const {
+      selection
+    } = newEditor;
+    if (!selection) return;
+    if (!Range.isCollapsed(selection)) return;
+    const selectedNode = Editor.node(newEditor, selection, {
+      depth: 1
+    });
+    if ((selectedNode === null || selectedNode === void 0 ? void 0 : (_selectedNode$ = selectedNode[0]) === null || _selectedNode$ === void 0 ? void 0 : _selectedNode$.type) === PARAGRAPH) {
+      event.preventDefault();
+      const path = Editor.path(newEditor, selection);
+      const point = Editor.point(newEditor, selection);
+      const isStart = Editor.isStart(newEditor, point, [path[0]]);
+      if (isStart) {
+        let indent;
+        if (isHotkey('shift+tab', event)) {
+          indent = false;
+        }
+        if (isHotkey('tab', event)) {
+          indent = true;
+        }
+        Transforms.setNodes(newEditor, {
+          indent: indent
+        }, {
+          at: [path[0]]
+        });
+      } else {
+        if (isHotkey('tab', event)) insertText('  ');
+      }
+      return;
+    }
+    return handleTab(event);
+  };
+  newEditor.deleteBackward = unit => {
+    const {
+      selection
+    } = newEditor;
+    if (!selection) return;
+    const [selectedNode = {}] = Editor.node(newEditor, selection, {
+      depth: 1
+    });
+    const {
+      type,
+      indent
+    } = selectedNode;
+    if (Range.isCollapsed(selection) && type === PARAGRAPH && indent) {
+      const path = Editor.path(newEditor, selection);
+      const point = Editor.point(newEditor, selection);
+      const isStart = Editor.isStart(newEditor, point, [path[0]]);
+      if (isStart) {
+        Transforms.setNodes(newEditor, {
+          indent: false
+        }, {
+          at: [path[0]]
+        });
+        return;
+      }
+    }
+    return deleteBackward(unit);
+  };
+  return newEditor;
+};
+export default withParagraph;

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

@@ -10,6 +10,9 @@ const Paragraph = _ref => {
     attributes,
     children
   } = _ref;
+  const {
+    indent
+  } = element;
   const editor = useSlateStatic();
   let isShowPlaceHolder = false;
   if (editor.children.length === 1) {
@@ -20,7 +23,8 @@ const Paragraph = _ref => {
     isShowPlaceHolder = Node.string(element) === '' && (node === null || node === void 0 ? void 0 : node.id) === (element === null || element === void 0 ? void 0 : element.id) && !isComposing;
   }
   const style = {
-    textAlign: element.align
+    textAlign: element.align,
+    paddingLeft: indent ? '28px' : ''
   };
   const newAttributes = _objectSpread(_objectSpread({}, attributes), typeof attributes.onMouseEnter === 'function' && {
     'data-root': 'true'

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -80,6 +80,7 @@ const SearchReplacePopover = _ref => {
   }, [editor, handleDrawHighlight, handleDrawHighlightLister, highlightInfos.length, searchContent]);
   const handleSearchInputChange = useCallback(e => {
     const keyword = e.target.value;
+    shouldScrollIntoView.current = true;
     setSearchContent(keyword);
     handleDrawHighlight(editor, keyword);
     setCurrentSelectIndex(0);

package/package.json

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