@seafile/sdoc-editor 0.1.125-beta → 0.1.126

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -0,0 +1,41 @@
+import React, { useCallback } from 'react';
+import { UncontrolledPopover } from 'reactstrap';
+import { withTranslation } from 'react-i18next';
+import { useSlateStatic } from '@seafile/slate-react';
+import { onSetNodeType } from './helpers';
+import { SIDE_MENUS_CONFIG } from '../../constants';
+var TransformMenus = function TransformMenus(_ref) {
+  var target = _ref.target,
+    slateNode = _ref.slateNode,
+    onReset = _ref.onReset,
+    t = _ref.t;
+  var editor = useSlateStatic();
+  var onSetType = useCallback(function (newType) {
+    onSetNodeType(editor, slateNode, newType);
+    onReset();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: target,
+    className: "sdoc-side-operation-translate-popover",
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-side-inner-menu"
+  }, SIDE_MENUS_CONFIG.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.id,
+      className: "sdoc-side-menu-item",
+      onClick: function onClick() {
+        onSetType(item.type);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "sdoc-side-menu-item__left"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: item.iconClass
+    }), /*#__PURE__*/React.createElement("span", null, t(item.title))));
+  })));
+};
+export default withTranslation('sdoc-editor')(TransformMenus);

package/dist/basic-sdk/layout/article-container.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useRef, useState } from 'react';
 import { useScrollContext } from '../hooks/use-scroll-context';
@@ -39,10 +40,10 @@ export default function ArticleContainer(_ref) {
   }, React.Children.count(children) === 1 && /*#__PURE__*/React.createElement("div", {
     className: "article",
     ref: articleRef
-  }, children), React.Children.count(children) === 2 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, children), React.Children.count(children) > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "article",
     ref: articleRef
-  }, children[0]), children[1]));
+  }, children[0]), _toConsumableArray(children.slice(1))));
 }
 ArticleContainer.defaultProps = {
   readOnly: false

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

@@ -19,6 +19,7 @@ var setOutlineSetting = function setOutlineSetting(isShown) {
 };
 var SDocOutline = function SDocOutline(_ref) {
   var scrollLeft = _ref.scrollLeft,
+    docUuid = _ref.docUuid,
     doc = _ref.doc,
     t = _ref.t;
   var _useState = useState(false),

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

@@ -78,10 +78,6 @@
   left: -16px;
 }
 
-.sdoc-outline-menu.disabled {
-  opacity: .65;
-}
-
-.sdoc-outline-menu:not(.disabled):hover {
+.sdoc-outline-menu:hover {
   color: #333;
 }

package/dist/basic-sdk/socket/socket-client.js

@@ -49,7 +49,7 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
     socketManager.dispatchConnectState('reconnect_attempt', attemptNumber);
   };
   this.onReconnectError = function () {
-    debug('reconnect_error. %s');
+    debug('reconnect_error.');
     var socketManager = SocketManager.getInstance();
     socketManager.dispatchConnectState('reconnect_error');
   };

package/dist/basic-sdk/socket/socket-manager.js

@@ -262,10 +262,6 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, doc
         _this._sendingOperations = null;
       }
       _this.state = STATE.DISCONNECT;
-
-      // Update saved state
-      var lastSavedAt = new Date().getTime();
-      _this.dispatchConnectState('saved', lastSavedAt);
     }
     _this.eventBus.dispatch(type, message);
   };

package/dist/basic-sdk/socket/with-socket-io.js

@@ -19,7 +19,6 @@ var withSocketIO = function withSocketIO(editor, options) {
     SocketManager.destroy();
   };
   newEditor.onChange = function () {
-    if (newEditor.readonly) return;
     var operations = newEditor.operations;
     if (!newEditor.isRemote && operations.length > 0) {
       var isAllSetSelection = operations.every(function (operation) {

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

@@ -261,18 +261,6 @@ export var getDiff = function getDiff() {
   var oldValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     children: []
   };
-  if (!currentValue && !oldValue) return {
-    value: [],
-    changes: []
-  };
-  if (!currentValue && oldValue) return {
-    value: normalizeChildren(oldValue.children),
-    changes: []
-  };
-  if (currentValue && !oldValue) return {
-    value: normalizeChildren(currentValue.children),
-    changes: []
-  };
   var _currentValue$childre = _objectSpread(_objectSpread({}, currentValue), {}, {
       children: normalizeChildren(currentValue.children)
     }),

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

@@ -8,10 +8,11 @@ import '../../assets/css/diff-viewer.css';
 var DiffViewer = function DiffViewer(_ref) {
   var currentContent = _ref.currentContent,
     lastContent = _ref.lastContent,
-    didMountCallback = _ref.didMountCallback,
-    showToolbar = _ref.showToolbar,
-    showOutline = _ref.showOutline;
-  var diff = getDiff(currentContent, lastContent);
+    didMountCallback = _ref.didMountCallback;
+  var diff = currentContent ? getDiff(currentContent, lastContent) : {
+    value: [],
+    changes: []
+  };
   context.initSettings();
   useEffect(function () {
     didMountCallback && didMountCallback(diff);
@@ -38,8 +39,6 @@ var DiffViewer = function DiffViewer(_ref) {
     return renderElement(props, editor);
   }, []);
   return /*#__PURE__*/React.createElement(SDocViewer, {
-    showToolbar: showToolbar,
-    showOutline: showOutline,
     document: {
       children: diff.value
     },
@@ -47,8 +46,4 @@ var DiffViewer = function DiffViewer(_ref) {
     renderElement: customRenderElement
   });
 };
-DiffViewer.defaultProps = {
-  showToolbar: false,
-  showOutline: false
-};
 export default DiffViewer;

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

@@ -1,31 +1,35 @@
 import React, { Fragment, useRef } from 'react';
-import classnames from 'classnames';
 import { Editable, Slate } from '@seafile/slate-react';
 import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
 import withNodeId from '../node-id';
-import { generateDefaultDocContent } from '../../utils';
+import { ScrollContext } from '../hooks/use-scroll-context';
+import { generateDefaultDocContent, isMobile } from '../../utils';
 import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
 import { usePipDecorate } from '../decorates';
-import { ArticleContainer, EditorContainer, EditorContent } from '../layout';
+import ArticleContainer from '../layout/article-container';
+import '../assets/css/layout.css';
+import '../assets/css/sdoc-editor-plugins.css';
+import '../assets/css/dropdown-menu.css';
 import '../assets/css/simple-viewer.css';
 var SDocViewer = function SDocViewer(_ref) {
   var document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,
-    customRenderElement = _ref.renderElement,
-    showToolbar = _ref.showToolbar,
-    showOutline = _ref.showOutline;
+    customRenderElement = _ref.renderElement;
   var editor = withNodeId(defaultEditor);
-  editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
+  var scrollRef = useRef(null);
   var decorate = usePipDecorate(editor);
-  return /*#__PURE__*/React.createElement(EditorContainer, {
-    editor: editor,
-    showToolbar: showToolbar,
-    readonly: true
-  }, /*#__PURE__*/React.createElement(EditorContent, {
-    docValue: slateValue,
-    readonly: true,
-    showOutline: showOutline
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-container ".concat(isMobile ? 'mobile' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-content readonly"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: scrollRef,
+    className: "sdoc-scroll-container"
+  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+    value: {
+      scrollRef: scrollRef
+    }
   }, /*#__PURE__*/React.createElement(Slate, {
     editor: editor,
     value: slateValue
@@ -43,10 +47,6 @@ var SDocViewer = function SDocViewer(_ref) {
     },
     onDOMBeforeInput: function onDOMBeforeInput(event) {},
     decorate: decorate
-  }))))));
-};
-SDocViewer.defaultProps = {
-  showToolbar: false,
-  showOutline: false
+  }))))))));
 };
 export default SDocViewer;

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

@@ -10,14 +10,12 @@ import ShareOperation from './share-operation';
 import './style.css';
 var DocOperations = function DocOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
-    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
   }, /*#__PURE__*/React.createElement(RevisionOperations, {
     isShowChanges: isShowChanges,
-    changes: changes,
     toggleViewChanges: toggleViewChanges
   }), /*#__PURE__*/React.createElement(CommentsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(ShareOperation, null), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
 };

package/dist/components/doc-operations/revision-operations/index.js

@@ -4,16 +4,12 @@ import PublishRevision from './publish-button';
 import ViewChanges from './view-changes';
 import MoreRevisionOperations from './more-revision-operations';
 import Revisions from './revisions';
-import ChangesCount from './changes-count';
 var RevisionOperations = function RevisionOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
-    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   var isPublished = context.getSetting('isPublished');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && isShowChanges && /*#__PURE__*/React.createElement(ChangesCount, {
-    changes: changes
-  }), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
     isShowChanges: isShowChanges,
     toggleViewChanges: toggleViewChanges
   }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));

package/dist/pages/diff-viewer/history-version-viewer.js

@@ -0,0 +1,15 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { SDocViewer } from '../../basic-sdk';
+import { generateDefaultDocContent } from '../../utils';
+import { normalizeChildren } from '../../basic-sdk/utils/document-utils';
+function HistoryVersionViewer(props) {
+  var document = props.document;
+  var validDocument = document || generateDefaultDocContent();
+  return /*#__PURE__*/React.createElement(SDocViewer, {
+    document: _objectSpread(_objectSpread({}, validDocument), {}, {
+      children: normalizeChildren(validDocument.children)
+    })
+  });
+}
+export default HistoryVersionViewer;

package/dist/pages/diff-viewer/index.js

@@ -0,0 +1,35 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import HistoryVersionViewer from './history-version-viewer';
+import { DiffViewer } from '../../basic-sdk';
+import context from '../../context';
+var Index = /*#__PURE__*/function (_Component) {
+  _inherits(Index, _Component);
+  var _super = _createSuper(Index);
+  function Index(props) {
+    var _this;
+    _classCallCheck(this, Index);
+    _this = _super.call(this, props);
+    context.initSettings();
+    return _this;
+  }
+  _createClass(Index, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        currentContent = _this$props.currentContent,
+        lastContent = _this$props.lastContent;
+      if (!lastContent) {
+        return /*#__PURE__*/React.createElement(HistoryVersionViewer, {
+          document: currentContent
+        });
+      }
+      return /*#__PURE__*/React.createElement(DiffViewer, this.props);
+    }
+  }]);
+  return Index;
+}(Component);
+export default Index;

package/dist/pages/simple-editor.js

@@ -3,13 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import deepCopy from 'deep-copy';
-import { SDocEditor, DiffViewer } from '../basic-sdk';
+import { SDocEditor } from '../basic-sdk';
 import Loading from '../components/loading';
 import DocInfo from '../components/doc-info';
 import DocOperations from '../components/doc-operations';
 import Layout, { Header, Content } from '../layout';
 import { generateDefaultDocContent } from '../utils';
 import context from '../context';
+import DiffViewer from './diff-viewer';
 import ErrorBoundary from './error-boundary';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
@@ -113,20 +114,10 @@ var SimpleEditor = function SimpleEditor(_ref) {
       initChangesData();
       return;
     }
-    setChanges([]);
     initDocumentData(false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [document]);
-  var _useState15 = useState([]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    changes = _useState16[0],
-    setChanges = _useState16[1];
-  var setDiffChanges = useCallback(function (diff) {
-    setChanges(diff.changes);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowChanges]);
   if (isFirstLoad && !errorMessage) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
@@ -143,7 +134,6 @@ var SimpleEditor = function SimpleEditor(_ref) {
     isEditMode: !isShowChanges
   }), /*#__PURE__*/React.createElement(DocOperations, {
     isShowChanges: isShowChanges,
-    changes: changes,
     toggleViewChanges: toggleViewChanges
   })), /*#__PURE__*/React.createElement(Content, null, isLoadingSdoc && /*#__PURE__*/React.createElement("div", {
     className: "w-100 h-100 d-flex align-items-center justify-content-center"
@@ -152,11 +142,8 @@ var SimpleEditor = function SimpleEditor(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "error-tip"
   }, t(errorMessage))), !isLoadingSdoc && !errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, isShowChanges ? /*#__PURE__*/React.createElement(DiffViewer, {
-    showToolbar: true,
-    showOutline: true,
     currentContent: currentContent,
-    lastContent: lastContent,
-    didMountCallback: setDiffChanges
+    lastContent: lastContent
   }) : /*#__PURE__*/React.createElement(SDocEditor, {
     config: context.getEditorConfig(),
     document: document,

package/package.json

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

package/public/locales/en/sdoc-editor.json

@@ -350,5 +350,11 @@
   "Select_sdoc_document": "Select sdoc document",
   "Local_file": "Local file",
   "Internal_server_exec_operations_error": "An exception occurred on the server, please refresh the page and try again",
-  "Failed_to_sync_with_server_operations": "Synchronization with the server failed, please refresh the page"
+  "Failed_to_sync_with_server_operations": "Synchronization with the server failed, please refresh the page",
+  "Style": "Style",
+  "Insert": "Insert",
+  "Image": "Image",
+  "Table": "Table",
+  "Link": "Link",
+  "Transform_to": "Transform to"
 }

package/public/locales/zh-CN/sdoc-editor.json

@@ -352,5 +352,12 @@
   "Select_sdoc_document": "选择sdoc文档",
   "Local_file": "本地文件",
   "Internal_server_exec_operations_error": "在服务器执行操作异常，请刷新页面后重试",
-  "Failed_to_sync_with_server_operations": "与服务器同步操作失败，请刷新页面"
+  "Failed_to_sync_with_server_operations": "与服务器同步操作失败，请刷新页面",
+  "Operations_save_error_tip": "操作执行失败，服务器内部错误，请刷新页面",
+  "Style": "样式",
+  "Insert": "插入",
+  "Image": "图片",
+  "Table": "表格",
+  "Link": "链接",
+  "Transform_to": "转化为"
 }

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,10 +14,6 @@
     />
       <missing-glyph />
       
-      <glyph glyph-name="sdoc-next-page" unicode="&#58918;" d="M342.4 768c12.8 0 28.8-6.4 38.4-16l329.6-329.6c22.4-22.4 22.4-57.6 0-76.8L380.8 16c-22.4-22.4-57.6-22.4-76.8 0-22.4 22.4-22.4 57.6 0 76.8L595.2 384 304 675.2c-22.4 22.4-22.4 57.6 0 76.8 9.6 9.6 25.6 16 38.4 16z"  horiz-adv-x="1024" />
-      
-      <glyph glyph-name="sdoc-previous-page" unicode="&#58961;" d="M672 768c-12.8 0-28.8-6.4-38.4-16L304 422.4c-22.4-22.4-22.4-57.6 0-76.8L633.6 16c22.4-22.4 57.6-22.4 76.8 0 22.4 22.4 22.4 57.6 0 76.8L419.2 384l291.2 291.2c22.4 22.4 22.4 57.6 0 76.8-9.6 9.6-25.6 16-38.4 16z"  horiz-adv-x="1024" />
-      
       <glyph glyph-name="sdoc-save-tip" unicode="&#58960;" d="M528 800c153.6 0 272-112 284.8-252.8 121.6-9.6 208-137.6 208-291.2 0-160-86.4-284.8-201.6-288H208c-96 0-208 124.8-208 284.8s89.6 294.4 227.2 288c9.6 0 16 0 22.4-3.2C291.2 694.4 374.4 800 528 800z m3.2-96c-99.2 0-179.2-73.6-208-256-48 3.2-76.8 3.2-96 0-73.6-9.6-131.2-86.4-131.2-185.6S166.4 64 227.2 64h582.4c54.4 0 118.4 96 118.4 198.4 0 89.6-35.2 166.4-99.2 185.6-28.8 9.6-67.2 12.8-92.8 6.4-6.4 169.6-99.2 249.6-204.8 249.6z m163.2-252.8l38.4-41.6c6.4-6.4 6.4-16 0-22.4l-256-249.6c-12.8-12.8-32-16-44.8-3.2l-147.2 140.8c-6.4 6.4-6.4 12.8-3.2 19.2l3.2 3.2 38.4 38.4c6.4 6.4 16 6.4 22.4 0l108.8-105.6L672 448c6.4 9.6 16 9.6 22.4 3.2z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-file" unicode="&#58895;" d="M460.8 723.2H112c-16 0-35.2-12.8-35.2-35.2v-601.6c0-19.2 16-35.2 35.2-35.2h803.2c16 0 35.2 19.2 35.2 35.2V576c0 19.2-16 35.2-35.2 35.2H588.8c-12.8 0-16 6.4-22.4 12.8l-105.6 99.2z m137.6-38.4h313.6c57.6 0 112-48 112-115.2v-489.6c0-60.8-48-115.2-112-115.2h-800C51.2-32 0 16 0 83.2V684.8C0 745.6 48 800 112 800h361.6c12.8 0 16-6.4 22.4-12.8l102.4-102.4z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1692935854632') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1692935854632') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1692935854632') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1692935854632#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692612471690'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692612471690#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1692612471690') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1692612471690') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1692612471690') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1692612471690#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,14 +16,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.sdoc-next-page:before {
-  content: "\e626";
-}
-
-.sdoc-previous-page:before {
-  content: "\e651";
-}
-
 .sdoc-save-tip:before {
   content: "\e650";
 }

package/dist/basic-sdk/layout/editor-container.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { ColorProvider } from '../hooks/use-color-context';
-import { Toolbar } from '../extension';
-import { isMobile } from '../../utils';
-import '../assets/css/layout.css';
-import '../assets/css/sdoc-editor-plugins.css';
-import '../assets/css/dropdown-menu.css';
-var EditorContainer = function EditorContainer(_ref) {
-  var editor = _ref.editor,
-    readonly = _ref.readonly,
-    children = _ref.children,
-    showToolbar = _ref.showToolbar;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-editor-container', {
-      'mobile': isMobile && readonly
-    })
-  }, /*#__PURE__*/React.createElement(ColorProvider, null, showToolbar && /*#__PURE__*/React.createElement(Toolbar, {
-    editor: editor,
-    readonly: readonly
-  }), children));
-};
-EditorContainer.defaultProps = {
-  showToolbar: true
-};
-export default EditorContainer;

package/dist/basic-sdk/layout/editor-content.js

@@ -1,56 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useState, useCallback } from 'react';
-import { ScrollContext } from '../hooks/use-scroll-context';
-import SDocOutline from '../outline';
-var EditorContent = function EditorContent(_ref) {
-  var readonly = _ref.readonly,
-    showOutline = _ref.showOutline,
-    children = _ref.children,
-    docValue = _ref.docValue;
-  var scrollRef = useRef(null);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrollLeft = _useState2[0],
-    setScrollLeft = _useState2[1];
-  var onWrapperScroll = useCallback(function (event) {
-    var scrollLeft = event.target.scrollLeft;
-    setScrollLeft(scrollLeft);
-  }, []);
-  if (readonly && !showOutline) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-editor-content readonly"
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: scrollRef,
-      className: "sdoc-scroll-container",
-      id: "sdoc-scroll-container"
-    }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-      value: {
-        scrollRef: scrollRef
-      }
-    }, children)));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-absolute-wrapper"
-  }, /*#__PURE__*/React.createElement(SDocOutline, {
-    scrollLeft: scrollLeft,
-    doc: docValue
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-absolute-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: scrollRef,
-    className: "sdoc-scroll-container",
-    onScroll: onWrapperScroll,
-    id: "sdoc-scroll-container"
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-    value: {
-      scrollRef: scrollRef
-    }
-  }, children))));
-};
-EditorContent.defaultProps = {
-  readonly: false,
-  showOutline: true
-};
-export default EditorContent;

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

@@ -1,4 +0,0 @@
-import ArticleContainer from './article-container';
-import EditorContainer from './editor-container';
-import EditorContent from './editor-content';
-export { ArticleContainer, EditorContainer, EditorContent };