@seafile/sdoc-editor 0.2.0 → 0.2.2

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

@@ -16,6 +16,8 @@ import { EditorContainer, EditorContent } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
 import { HeaderToolbar } from '../extension';
+import ReadOnlyArticle from '../views/readonly-article';
+import { isMobile } from '../../utils';
 var SdocEditor = forwardRef(function (_ref, ref) {
   var document = _ref.document,
     isReloading = _ref.isReloading;
@@ -98,6 +100,19 @@ var SdocEditor = forwardRef(function (_ref, ref) {
       className: "h-100 w-100 d-flex align-items-center justify-content-center"
     }, /*#__PURE__*/React.createElement(CommonLoading, null));
   }
+  if (isMobile) {
+    return /*#__PURE__*/React.createElement(EditorContainer, {
+      editor: editor,
+      readonly: true
+    }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(EditorContent, {
+      docValue: slateValue,
+      readonly: true,
+      showOutline: false
+    }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+      editor: editor,
+      slateValue: slateValue
+    }))));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
     editor: editor
   }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(HeaderToolbar, {

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -83,12 +83,6 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
         onCloseRequest: this.props.toggleImagePreviewer,
         onMovePrevRequest: this.moveToPrevImage,
         onMoveNextRequest: this.moveToNextImage,
-        imagePadding: 70,
-        reactModalStyle: {
-          overlay: {
-            zIndex: 1071
-          }
-        },
         reactModalProps: {
           shouldReturnFocusAfterClose: false
         }

package/dist/basic-sdk/extension/plugins/list/transforms/move-list-item-up.js

@@ -33,7 +33,7 @@ export var movedListItemUp = function movedListItemUp(editor, _ref) {
       } catch (err) {
         return;
       }
-      var condA = hasListChild(editor, liNode);
+      var condA = hasListChild(liNode);
       var condB = !isLastChild(list, liPath);
       if (condA || condB) {
         // 创建一个新的兄弟节点

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

@@ -140,10 +140,10 @@ var withTable = function withTable(editor) {
       var _column = columns[_j];
       selectedColumns.push(_column);
     }
-    return Object.freeze(_objectSpread(_objectSpread({}, selectedNode), {}, {
+    return [Object.freeze(_objectSpread(_objectSpread({}, selectedNode), {}, {
       children: selectedRows,
       columns: selectedColumns
-    }));
+    }))];
   };
 
   // copy: mod + c
@@ -191,8 +191,13 @@ var withTable = function withTable(editor) {
     if (fragment) {
       var decoded = decodeURIComponent(window.atob(fragment));
       var parsedData = JSON.parse(decoded);
-      if (ObjectUtils.isObject(parsedData) && parsedData.type === ELEMENT_TYPE.TABLE) {
-        insertMultipleRowsAndColumns(newEditor, parsedData.children, parsedData.columns);
+      if (Array.isArray(parsedData) && parsedData.some(function (item) {
+        return item.type === ELEMENT_TYPE.TABLE;
+      })) {
+        var tableElement = parsedData.find(function (item) {
+          return item.type === ELEMENT_TYPE.TABLE;
+        });
+        insertMultipleRowsAndColumns(newEditor, tableElement.children, tableElement.columns);
         return;
       }
     }

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor } from '@seafile/slate';
 import { getNodeType } from '../../core';
 import { CODE_BLOCK } from '../../constants/element-type';
+import { TEXT_STYLE_MAP } from '../../constants/menus-config';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -23,6 +24,11 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   return false;
 };
 export var addMark = function addMark(editor, type) {
+  if (type === TEXT_STYLE_MAP.SUPERSCRIPT) {
+    removeMark(editor, TEXT_STYLE_MAP.SUBSCRIPT);
+  } else if (type === TEXT_STYLE_MAP.SUBSCRIPT) {
+    removeMark(editor, TEXT_STYLE_MAP.SUPERSCRIPT);
+  }
   Editor.addMark(editor, type, true);
 };
 export var removeMark = function removeMark(editor, type) {

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -4,7 +4,8 @@ import { ReactEditor } from '@seafile/slate-react';
 import copy from 'copy-to-clipboard';
 import { toggleList } from '../../plugins/list/transforms';
 import { generateEmptyElement } from '../../core';
-import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE, INSERT_POSITION } from '../../constants';
+import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE, INSERT_POSITION, ELEMENT_TYPE } from '../../constants';
+import { EMPTY_SELECTED_RANGE } from '../../plugins/table/constants';
 export var onSetNodeType = function onSetNodeType(editor, element, type) {
   if (!type) return;
   if ([ORDERED_LIST, UNORDERED_LIST].includes(type)) {
@@ -40,7 +41,17 @@ export var setSelection = function setSelection(editor, element) {
     Transforms.select(editor, path);
   }
 };
-export var onCopyNode = function onCopyNode(editor) {
+export var onCopyNode = function onCopyNode(editor, element) {
+  if (element.type === ELEMENT_TYPE.TABLE) {
+    var tableSize = [element.children.length, element.children[0].children.length];
+    var tableSelectedRange = {
+      minRowIndex: 0,
+      maxRowIndex: tableSize[0] - 1,
+      minColIndex: 0,
+      maxColIndex: tableSize[1] - 1
+    };
+    editor.tableSelectedRange = tableSelectedRange;
+  }
   var newData = editor.setFragmentData(new DataTransfer());
   copy('copy', {
     onCopy: function onCopy(clipboardData) {
@@ -50,6 +61,9 @@ export var onCopyNode = function onCopyNode(editor) {
       });
     }
   });
+  if (element.type === ELEMENT_TYPE.TABLE) {
+    editor.tableSelectedRange = EMPTY_SELECTED_RANGE;
+  }
 };
 export var onDeleteNode = function onDeleteNode(editor, element) {
   var path = ReactEditor.findPath(editor, element);

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.js

@@ -29,11 +29,11 @@ var SideMenu = function SideMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onCopy = useCallback(function () {
-    onCopyNode(editor);
+    onCopyNode(editor, slateNode);
     onReset();
-  }, [editor, onReset]);
+  }, [editor, onReset, slateNode]);
   var onCut = useCallback(function () {
-    onCopyNode(editor);
+    onCopyNode(editor, slateNode);
     onDeleteNode(editor, slateNode);
     onReset();
   }, [editor, onReset, slateNode]);

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

@@ -12,8 +12,7 @@ export default function ReadOnlyArticle(_ref) {
     editor: editor,
     value: slateValue
   }, /*#__PURE__*/React.createElement(ArticleContainer, {
-    editor: editor,
-    readOnly: true
+    editor: editor
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     readOnly: true,
     placeholder: "",

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

@@ -7,6 +7,7 @@ import CollaboratorsOperation from './collaborators-operation';
 import MoreOperations from './more-operations';
 import CommentsOperation from './comments-operation';
 import ShareOperation from './share-operation';
+import { isMobile } from '../../utils';
 import './style.css';
 var DocOperations = function DocOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
@@ -14,6 +15,11 @@ var DocOperations = function DocOperations(_ref) {
     handleViewChangesToggle = _ref.handleViewChangesToggle,
     handleRevisionPublished = _ref.handleRevisionPublished;
   var isSdocRevision = context.getSetting('isSdocRevision');
+  if (isMobile) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "doc-ops"
+    }, !isSdocRevision && /*#__PURE__*/React.createElement(ShareOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
   }, /*#__PURE__*/React.createElement(RevisionOperations, {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "2.0.2",
+    "@seafile/react-image-lightbox": "2.0.4",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",