@seafile/sdoc-editor 0.1.135 → 0.1.137

package/dist/basic-sdk/assets/css/default.css

@@ -5,6 +5,6 @@
 }
 
 .sdoc-editor-container .article p {
-  padding: 0;
+  padding: 3px 0;
   margin: 0;
 }

package/dist/basic-sdk/editor.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
 import { Editor } from '@seafile/slate';
 import { useTranslation } from 'react-i18next';
-import defaultEditor from './extension';
+import { createDefaultEditor } from './extension';
 import { focusEditor } from './extension/core';
 import { withSocketIO } from './socket';
 import withNodeId from './node-id';
@@ -18,6 +18,7 @@ var SDocEditor = forwardRef(function (_ref, ref) {
 
   // init editor
   var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
     var newEditor = withNodeId(withSocketIO(defaultEditor, {
       document: document,
       config: config
@@ -25,6 +26,7 @@ var SDocEditor = forwardRef(function (_ref, ref) {
     var cursors = document.cursors;
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.readonly = false;
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

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

@@ -13,5 +13,15 @@ var defaultEditor = Plugins === null || Plugins === void 0 ? void 0 : Plugins.re
   }
   return editor;
 }, baseEditor);
+export var createDefaultEditor = function createDefaultEditor() {
+  var defaultEditor = Plugins === null || Plugins === void 0 ? void 0 : Plugins.reduce(function (editor, pluginItem) {
+    var withPlugin = pluginItem.editorPlugin;
+    if (withPlugin) {
+      return withPlugin(editor);
+    }
+    return editor;
+  }, withHistory(withReact(createEditor())));
+  return defaultEditor;
+};
 export default defaultEditor;
 export { renderLeaf, renderElement, Toolbar, ContextToolbar, SideToolbar };

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

@@ -25,7 +25,7 @@ var withCodeBlock = function withCodeBlock(editor) {
     return insertText(data);
   };
   newEditor.insertData = function (data) {
-    if (!newEditor.insertFragmentData(data)) {
+    if (!newEditor.insertFragmentData(data) && !data.types.includes('text/code-block')) {
       var plaintext = data.getData('text/plain') || '';
       if (plaintext) {
         var fragmentData = [];
@@ -48,7 +48,6 @@ var withCodeBlock = function withCodeBlock(editor) {
       var codeBlockNode = JSON.parse(data.getData('text/code-block'));
       return insertNode(codeBlockNode);
     }
-    return insertData(data);
   };
   newEditor.insertFragment = function (data) {
     // only selected code block content

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

@@ -48,12 +48,7 @@ export var getHeaderType = function getHeaderType(editor) {
 };
 export var setHeaderType = function setHeaderType(editor, type) {
   if (!type) return;
-  var newProperties = {
-    type: type,
-    align: 'left'
-  };
-  if (type === TITLE || type === SUBTITLE) {
-    newProperties['align'] = 'center';
-  }
-  Transforms.setNodes(editor, newProperties);
+  Transforms.setNodes(editor, {
+    type: type
+  });
 };

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

@@ -30,7 +30,7 @@ var TableMenu = /*#__PURE__*/function (_React$Component) {
     };
     _this.createTable = function (size) {
       var editor = _this.props.editor;
-      insertTable(editor, size, _this.selection);
+      insertTable(editor, size, editor.selection);
     };
     return _this;
   }

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

@@ -1,7 +1,6 @@
-import React, { Fragment, useRef } from 'react';
-import classnames from 'classnames';
+import React, { Fragment, useMemo } from 'react';
 import { Editable, Slate } from '@seafile/slate-react';
-import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
+import { renderLeaf as _renderLeaf, renderElement as _renderElement, createDefaultEditor } from '../extension';
 import withNodeId from '../node-id';
 import { generateDefaultDocContent } from '../../utils';
 import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
@@ -14,7 +13,10 @@ var SDocViewer = function SDocViewer(_ref) {
     customRenderElement = _ref.renderElement,
     showToolbar = _ref.showToolbar,
     showOutline = _ref.showOutline;
-  var editor = withNodeId(defaultEditor);
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    return withNodeId(defaultEditor);
+  }, []);
   editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
   var decorate = usePipDecorate(editor);

package/package.json

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