@seafile/sdoc-editor 1.0.8 → 1.0.9

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

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useEffect, useState, useImperativeHandle, forwardRef, useMemo, useCallback } from 'react';
 import { Editor } from '@seafile/slate';
 import deepCopy from 'deep-copy';
+import classNames from 'classnames';
 import context from '../../context';
 import CommonLoading from '../../components/common-loading';
 import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
@@ -10,20 +11,21 @@ import withNodeId from '../node-id';
 import { withSocketIO } from '../socket';
 import { focusEditor } from '../extension/core';
 import InsertElementDialog from '../extension/commons/insert-element-dialog';
-import { EditorContainer, EditorContent } from '../layout';
+import { EditorContainer } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
 import ReadOnlyArticle from '../views/readonly-article';
 import { isMobile } from '../../utils';
 import { EventBus } from '../../basic-sdk';
 import { EXTERNAL_EVENT } from '../../constants';
+import { ScrollContext } from '../hooks/use-scroll-context';
 const WikiEditor = forwardRef((_ref, ref) => {
   let {
     editor: propsEditor,
     document,
     isReloading,
     isWikiReadOnly,
-    topSlot
+    scrollRef
   } = _ref;
   const validEditor = propsEditor || useMemo(() => {
     const defaultEditor = createDefaultEditor();
@@ -87,6 +89,11 @@ const WikiEditor = forwardRef((_ref, ref) => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  useEffect(() => {
+    if (scrollRef) {
+      scrollRef.current.id = 'sdoc-scroll-container';
+    }
+  }, [scrollRef]);
   const onRefreshDocument = useCallback(() => {
     window.location.reload();
   }, []);
@@ -130,31 +137,38 @@ const WikiEditor = forwardRef((_ref, ref) => {
     return /*#__PURE__*/React.createElement(EditorContainer, {
       editor: validEditor,
       readonly: true
-    }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(EditorContent, {
-      docValue: slateValue,
-      readonly: true,
-      showOutline: false,
-      editor: validEditor,
-      showComment: false
-    }, topSlot, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+    }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-content-wrapper"
+    }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+      value: {
+        scrollRef
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-editor-content readonly"
+    }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
       editor: validEditor,
       slateValue: slateValue,
       showComment: false
-    }))));
+    }))))));
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
     editor: validEditor
-  }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(EditorContent, {
-    docValue: slateValue,
-    showOutline: false,
-    editor: validEditor,
-    showComment: false
-  }, topSlot, /*#__PURE__*/React.createElement(EditableArticle, {
+  }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-content-wrapper"
+  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+    value: {
+      scrollRef
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('sdoc-editor-content', {
+      'readonly': isWikiReadOnly
+    })
+  }, /*#__PURE__*/React.createElement(EditableArticle, {
     editor: validEditor,
     slateValue: slateValue,
     updateSlateValue: onValueChange,
     showComment: false
-  })))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+  })))))), /*#__PURE__*/React.createElement(InsertElementDialog, {
     editor: validEditor
   }));
 });

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

@@ -40,6 +40,9 @@ const withLink = editor => {
           const fileName = res.data.files_info[text].name;
           const fileUuid = res.data.files_info[text].file_uuid;
           insertSdocFileLink(editor, fileName, fileUuid);
+        } else {
+          const link = genLinkNode(text, text);
+          Transforms.insertNodes(newEditor, link);
         }
       } else {
         const link = genLinkNode(text, text);

package/dist/basic-sdk/utils/dom-utils.js

@@ -1,4 +1,4 @@
-import { WIKI_EDITOR, DOCUMENT_PLUGIN_EDITOR } from '../constants';
+import { DOCUMENT_PLUGIN_EDITOR, WIKI_EDITOR } from '../constants';
 export const getDomHeight = dom => {
   const styles = window.getComputedStyle(dom);
   const rect = dom.getBoundingClientRect();
@@ -58,7 +58,9 @@ export const getHeaderHeight = editor => {
   } = editor;
   switch (editorType) {
     case WIKI_EDITOR:
-      return 113.2;
+      const headerHeight = document.querySelector('.sdoc-editor-container').offsetTop; // async height in wiki
+      const headerBarHeight = 44;
+      return headerHeight + headerBarHeight;
     case DOCUMENT_PLUGIN_EDITOR:
       return 67 + 48 + 49 + 37;
     default:

package/dist/pages/sdoc-wiki-viewer.js

@@ -14,7 +14,7 @@ const SdocWikiViewer = _ref => {
     document,
     docUuid,
     isWikiReadOnly,
-    topSlot
+    scrollRef
   } = _ref;
   context.initApi();
 
@@ -51,7 +51,7 @@ const SdocWikiViewer = _ref => {
     docUuid: docUuid,
     editor: validEditor,
     isWikiReadOnly: isWikiReadOnly,
-    topSlot: topSlot
+    scrollRef: scrollRef
   }));
 };
 export default withTranslation('sdoc-editor')(SdocWikiViewer);

package/package.json

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