@seafile/sdoc-editor 0.5.30 → 0.5.32

package/dist/basic-sdk/outline/style.css

@@ -1,16 +1,21 @@
 .sdoc-outline-wrapper {
-  position: absolute;
-  top: 0;
+  position: fixed;
+  top: 100px;
   bottom: 0;
   display: flex;
   margin: 20px 30px 20px 16px;
   min-height: 0;
   z-index: 101;
+  pointer-events: none;
+}
+
+.sdoc-outline-wrapper.active {
+  pointer-events: all;
 }
 
 .sdoc-outline {
   flex: 1;
-  width: 220px; 
+  width: 220px;
   display: flex;
   min-height: 0;
   flex-direction: column;
@@ -18,7 +23,7 @@
   position: relative;
 }
 
-.sdoc-outline-header  {
+.sdoc-outline-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -74,13 +79,14 @@
   height: 28px;
   background: #fff;
   border-radius: 0 50% 50% 0;
-  box-shadow: 0 0 6px rgba(0,0,0, 0.12);
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 20px;
-  left: -16px;
+  left: -15px;
+  pointer-events: all;
 }
 
 .sdoc-outline-menu.disabled {

package/dist/basic-sdk/views/readonly-article.js

@@ -23,7 +23,10 @@ const ReadOnlyArticle = _ref => {
     renderElement: renderElement,
     renderLeaf: renderLeaf,
     decorate: decorate
-  })), isShowComment && /*#__PURE__*/React.createElement(CommentWrapper, null)));
+  })), isShowComment && /*#__PURE__*/React.createElement(CommentWrapper, {
+    editor: editor,
+    type: "editor"
+  })));
 };
 ReadOnlyArticle.defaultProps = {
   isShowComment: false

package/dist/basic-sdk/views/sdoc-viewer.js

@@ -5,6 +5,7 @@ import { generateDefaultDocContent } from '../../utils';
 import { EditorContainer, EditorContent } from '../layout';
 import ReadOnlyArticle from './readonly-article';
 import { ColorProvider } from '../hooks/use-color-context';
+import { CollaboratorsProvider } from '../../hooks';
 import '../assets/css/simple-viewer.css';
 const SDocViewer = _ref => {
   let {
@@ -18,17 +19,18 @@ const SDocViewer = _ref => {
   return /*#__PURE__*/React.createElement(EditorContainer, {
     editor: validEditor,
     readonly: true
-  }, /*#__PURE__*/React.createElement(ColorProvider, null, showToolbar && /*#__PURE__*/React.createElement(HeaderToolbar, {
+  }, /*#__PURE__*/React.createElement(CollaboratorsProvider, null, /*#__PURE__*/React.createElement(ColorProvider, null, showToolbar && /*#__PURE__*/React.createElement(HeaderToolbar, {
     editor: validEditor,
     readonly: true
   }), /*#__PURE__*/React.createElement(EditorContent, {
     docValue: slateValue,
     readonly: true,
-    showOutline: showOutline
+    showOutline: showOutline,
+    editor: validEditor
   }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
     editor: validEditor,
     slateValue: slateValue
-  }))));
+  })))));
 };
 SDocViewer.defaultProps = {
   showToolbar: false,

package/dist/layout/layout.css

@@ -1,8 +1,3 @@
-html, body {
-  height: 100%;
-  width: 100%;
-}
-
 #root, #wrapper {
   height: 100%;
   width: 100%;

package/package.json

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