@seafile/sdoc-editor 0.4.2 → 0.4.3

package/dist/basic-sdk/editor/editable-article.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
+import { Editor } from '@seafile/slate';
 import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
 import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
 import EventProxy from '../utils/event-handler';
@@ -12,6 +13,7 @@ import EventBus from '../utils/event-bus';
 import { ArticleContainer } from '../layout';
 import { useScrollContext } from '../hooks/use-scroll-context';
 import { SetNodeToDecorations } from '../highlight';
+import { IMAGE } from '../extension/constants';
 const EditableArticle = _ref => {
   let {
     isShowComment,
@@ -132,6 +134,24 @@ const EditableArticle = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollRef]);
+  const handleScrollIntoView = useCallback((editor, domRange) => {
+    try {
+      const {
+        selection
+      } = editor;
+      const [imageNodeEntry] = Editor.nodes(editor, {
+        match: n => n.type === IMAGE
+      });
+      if (imageNodeEntry) return;
+      const domNode = ReactEditor.toDOMNode(editor, selection.focus.path);
+      if (!domNode) return;
+      domNode.scrollIntoView({
+        block: 'nearest'
+      });
+    } catch (error) {
+      // 
+    }
+  }, []);
   return /*#__PURE__*/React.createElement(Slate, {
     editor: editor,
     value: slateValue,
@@ -139,6 +159,7 @@ const EditableArticle = _ref => {
   }, /*#__PURE__*/React.createElement(ArticleContainer, {
     editor: editor
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextToolbar, null), /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+    scrollSelectionIntoView: handleScrollIntoView,
     cursors: cursors,
     renderElement: renderElement,
     renderLeaf: renderLeaf,

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

@@ -33,7 +33,8 @@ export const changeToCodeBlock = function (editor) {
   let language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INSERT_POSITION.CURRENT;
   // Summarizes the strings for the selected highest-level node
-  let strArr = [];
+  let strArr = [],
+    path = Editor.path(editor, editor.selection);
   if (position === INSERT_POSITION.AFTER) {
     strArr = [''];
   } else {
@@ -72,7 +73,6 @@ export const changeToCodeBlock = function (editor) {
       }]
     }]
   };
-  const path = Editor.path(editor, editor.selection);
   if (position === INSERT_POSITION.AFTER) {
     Transforms.insertNodes(editor, newCodeBlockNode, {
       mode: 'highest',

package/dist/components/doc-info/index.js

@@ -19,7 +19,9 @@ const DocInfo = _ref => {
   } = _ref;
   const onInternalLinkClick = useCallback(() => {
     const eventBus = EventBus.getInstance();
-    eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+    eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
+      internalLink: window.location.href
+    });
   }, []);
   const toggleStar = useCallback(() => {
     const eventBus = EventBus.getInstance();
@@ -80,7 +82,13 @@ const DocInfo = _ref => {
     className: "doc-name"
   }, oldDocName), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-order"
-  }, t('Revision') + ' ' + revisionId), isPublished && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, t('Revision') + ' ' + revisionId), isShowInternalLink && /*#__PURE__*/React.createElement("span", {
+    className: "doc-icon"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "internal-link sdocfont sdoc-link",
+    title: t('Internal_link'),
+    onClick: onInternalLinkClick
+  })), isPublished && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-published-tip"
   }, t('Published')), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-source-doc",

package/package.json

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