@seafile/sdoc-editor 1.0.173 → 1.0.175

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -112,3 +112,16 @@
 .sdoc-sub-dropdown-menu .sdoc-insert-element-table-size-wrapper {
   left: 227px !important;
 }
+
+.mobile-login .sdoc-dropdown-menu {
+  padding: 0 !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-dropdown-menu-item {
+  padding: 16px !important;
+  height: 47px !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-operator-folder-divider {
+  margin: 0 !important;
+}

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

@@ -42,7 +42,8 @@
 }
 
 .sdoc-editor-container.mobile .sdoc-editor-content.readonly.no-outline {
-  min-width: 100%;
+  min-width: 100% !important;
+  width: 100% !important;
 }
 
 .sdoc-editor-container .sdoc-scroll-container {

package/dist/basic-sdk/assets/css/sdoc-viewer.css

@@ -4,7 +4,8 @@
 
 .sdoc-editor-container.mobile .sdoc-editor-content.readonly .sdoc-article-container {
   padding: 0;
-  width: auto;
+  width: 100% !important;
+  min-width: 100% !important;
 }
 
 .sdoc-editor-container.mobile .sdoc-editor-content.readonly .article {

package/dist/basic-sdk/comment/components/comment-editor.js

@@ -74,17 +74,6 @@ const CommentEditor = _ref => {
     newEditor.editorType = _constants2.COMMENT_EDITOR;
     return newEditor;
   }, [document]);
-
-  // onMount: set scrollLeft
-  (0, _react.useEffect)(() => {
-    if (!commentWrapperRef.current) return;
-    (commentRef === null || commentRef === void 0 ? void 0 : commentRef.current) && commentRef.current.scrollIntoView({
-      behavior: 'smooth',
-      block: 'nearest'
-    });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   const updateValue = (0, _react.useCallback)(value => {
     if (!value || value.trim() === '') return;
     if (!content) return insertContent(value);

package/dist/basic-sdk/comment/components/comment-list.css

@@ -1,7 +1,7 @@
 .sdoc-comment-list-container {
   position: absolute;
   margin-top: 5px;
-  left: 14px;
+  right: 0;
 }
 
 .sdoc-comment-list-container .article.sdoc-comment-editor {
@@ -9,11 +9,11 @@
 }
 
 .sdoc-comment-list-container .comment-ui-container {
-  background-color: #FFF;
+  background-color: rgba(255, 255, 255, .99);
   margin-bottom: 0px;
-  box-shadow: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
   padding: 16px;
-  border-radius: 0px;
+  border-radius: 5px;
   cursor: pointer;
 }
 
@@ -73,6 +73,10 @@
   padding-bottom: 0px;
 }
 
+.sdoc-comment-list-container-popover .comment-item-list {
+  max-height: 280px;
+}
+
 .sdoc-comment-list-container .comment-item {
   position: relative;
   padding: 0px;
@@ -268,7 +272,7 @@
   width: 100%;
   padding: 8px;
   padding-bottom: 0;
-  min-height: 130px;
+  min-height: 60px;
   max-height: 130px;
   box-shadow: none;
   overflow-y: auto;

package/dist/basic-sdk/comment/components/comment-list.js

@@ -74,7 +74,7 @@ const CommentList = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: commentRef,
     id: "sdoc-comment-list-container",
-    className: "sdoc-comment-list-container",
+    className: "sdoc-comment-list-container sdoc-comment-list-container-popover",
     style: {
       top: position.y,
       width: '300px'

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -14,12 +14,9 @@ var _commentList = _interopRequireDefault(require("./comment-list"));
 var _useSelectionElement = require("../../hooks/use-selection-element");
 var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
 var _elementsCommentCount = _interopRequireDefault(require("./elements-comment-count"));
-var _eventBus = _interopRequireDefault(require("../../../basic-sdk/utils/event-bus"));
-var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
 var _index = require("../utils/index");
 var _constants = require("../../extension/constants");
 var _constants2 = require("../../constants");
-var _constants3 = require("../../../basic-sdk/constants");
 const EditorComment = _ref => {
   let {
     deleteUnseenNotifications,
@@ -68,15 +65,6 @@ const EditorComment = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element_comments_map]);
-  (0, _react.useEffect)(() => {
-    const settings = _localStorageUtils.default.getItem(_constants3.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants3.SDOC_STORAGE, {
-      ...settings,
-      isShowComments
-    });
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants3.INTERNAL_EVENT.RESIZE_ARTICLE);
-  }, [isShowComments]);
   (0, _react.useEffect)(() => {
     // Close when the currently selected element changes
     if (isShowComments) {

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -202,6 +202,7 @@
   box-shadow: none;
   padding: 16px;
   border-radius: 0px;
+  cursor: pointer;
 }
 
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container:hover {

package/dist/basic-sdk/comment/provider/comment-context-provider.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _commentReducer = require("../reducer/comment-reducer");
 var _useCommentMount = require("../hooks/comment-hooks/use-comment-mount");
 var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _constants = require("../../constants");
 const CommentContextProvider = _ref => {
   let {
     children,
@@ -17,11 +20,13 @@ const CommentContextProvider = _ref => {
   const [commentsInfo, dispatch] = (0, _react.useReducer)(_commentReducer.commentReducer, _commentReducer.initCommentsInfo);
   (0, _useCommentMount.useCommentsMount)(dispatch);
   (0, _react.useEffect)(() => {
-    editor.element_comments_map = {
-      ...commentsInfo.element_comments_map
-    };
+    if (Object.keys(commentsInfo.element_comments_map).length) {
+      editor.element_comments_map = commentsInfo.element_comments_map;
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.RELOAD_COMMENT);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [commentsInfo]);
+  }, [commentsInfo.element_comments_map]);
   return /*#__PURE__*/_react.default.createElement(_useCommentContext.CommentContext.Provider, {
     value: {
       commentsInfo,

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

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
     return _plugin.PLUGIN_DISPLAY_TYPE;
   }
 });
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.RIGHT_COMMENT_WIDTH = exports.REVISION_DIFF_VALUE = exports.REVISION_DIFF_KEY = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
+exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REVISION_DIFF_VALUE = exports.REVISION_DIFF_KEY = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var Z_INDEX = _interopRequireWildcard(require("./z-index"));
 exports.Z_INDEX = Z_INDEX;
 var _plugin = require("./plugin");
@@ -47,7 +47,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
   CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
   RESIZE_ARTICLE: 'resize_article',
-  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded'
+  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
+  RELOAD_COMMENT: 'reload_comment'
 };
 const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';
@@ -89,9 +90,8 @@ const DIFF_VIEWER = exports.DIFF_VIEWER = 'diff_viewer';
 const FULL_WIDTH_MODE = exports.FULL_WIDTH_MODE = 'full-width-mode';
 const SDOC_STORAGE = exports.SDOC_STORAGE = 'sdoc';
 
-// left outline and right comment width
+// left outline
 const LEFT_OUTLINE_WIDTH = exports.LEFT_OUTLINE_WIDTH = 280;
-const RIGHT_COMMENT_WIDTH = exports.RIGHT_COMMENT_WIDTH = 314;
 
 // Default mode width
 const ARTICLE_DEFAULT_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = '794px';

package/dist/basic-sdk/editor/editable-article.js

@@ -24,6 +24,7 @@ var _useScrollContext = require("../hooks/use-scroll-context");
 var _highlight = require("../highlight");
 var _constants2 = require("../extension/constants");
 var _helpers = require("../extension/plugins/table/helpers");
+var _useForceUpdate = _interopRequireDefault(require("../../basic-sdk/hooks/use-force-update"));
 const EditableArticle = _ref => {
   let {
     showComment,
@@ -35,6 +36,7 @@ const EditableArticle = _ref => {
     cursors
   } = (0, _useCursors.useCursors)(editor);
   const decorate = (0, _decorates.usePipDecorate)(editor);
+  const forceUpdate = (0, _useForceUpdate.default)();
 
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -51,6 +53,17 @@ const EditableArticle = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const onReloadComment = () => {
+    forceUpdate();
+  };
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeReloadComment = eventBus.subscribe(_constants.INTERNAL_EVENT.RELOAD_COMMENT, onReloadComment);
+    return () => {
+      unsubscribeReloadComment();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const onKeyDown = (0, _react.useCallback)(event => {
     const {
       scrollTop,

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

@@ -528,7 +528,7 @@ const FILE_TYPE = exports.FILE_TYPE = {
   [_elementType.FILE_LINK]: 'file',
   [_elementType.SDOC_LINK]: 'sdoc'
 };
-const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE];
+const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN];
 const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [_elementType.PARAGRAPH]: [_elementType.CALL_OUT],
   [_elementType.TITLE]: [_elementType.CALL_OUT],

package/dist/basic-sdk/extension/plugins/quick-insert/plugin/index.js

@@ -19,6 +19,7 @@ const withQuickInsert = editor => {
     deleteForward
   } = editor;
   const newEditor = editor;
+  newEditor.isSlashKey = false;
   newEditor.insertText = text => {
     if (!editor.selection) return insertText(text);
     const [blockNode] = (0, _core.getTopLevelBlockNode)(editor);
@@ -40,7 +41,10 @@ const withQuickInsert = editor => {
         return insertText(text);
       }
     }
-    if (text === '/') {
+
+    // Set isSlashKey to compatible with ’Sou gou‘ Chinese Input Method
+    if (text === '/' || text === '、' && newEditor.isSlashKey) {
+      newEditor.isSlashKey = false;
       // Avoid triggering quick insert when the cursor is in the quick insert
       const isInQuickInsert = (0, _helper.getQuickInsertEntity)(editor);
       if (isInQuickInsert) return insertText(text);
@@ -106,6 +110,7 @@ const withQuickInsert = editor => {
     return deleteForward(unit);
   };
   newEditor.onHotKeyDown = event => {
+    newEditor.isSlashKey = event.code === 'Slash';
     const quickInsertEntry = (0, _helper.getQuickInsertEntity)(editor);
     if (quickInsertEntry) {
       const [quickInsertNode, quickInsertPath] = quickInsertEntry;

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -148,7 +148,6 @@ const TableCell = _ref => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.TABLE_SHOW_DRAG_HANDLER, cellInfo);
   }, [cellIndex, cellPath, editor, eventBus, rowIndex, selectedRange, tableEntry, tableId]);
   const handleDrop = (0, _react.useCallback)(event => {
-    event.stopPropagation();
     event.preventDefault();
     if (!canDrop.current) return;
     const {

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -146,6 +146,49 @@ const QuickInsertBlockMenu = _ref => {
   }, [callback, editor, insertPosition, slateNode]);
   const dropDownItems = (0, _react.useMemo)(() => {
     let items = {
+      [_constants.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.PARAGRAPH],
+        disabled: isEmptyNode,
+        key: "sdoc-insert-menu-paragraph",
+        menuConfig: {
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.PARAGRAPH]
+        },
+        onClick: () => onInsert(_constants.ELEMENT_TYPE.PARAGRAPH)
+      }),
+      [_constants.ELEMENT_TYPE.HEADER]: _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER].map(item => /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[item.type],
+        key: item.id,
+        menuConfig: item,
+        onClick: () => onInsert(item.type)
+      })),
+      [_constants.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.UNORDERED_LIST],
+        key: "sdoc-insert-menu-unorder-list",
+        menuConfig: {
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
+        },
+        onClick: () => {
+          onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
+        }
+      }),
+      [_constants.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.ORDERED_LIST],
+        key: "sdoc-insert-menu-order-list",
+        menuConfig: {
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
+        },
+        onClick: () => {
+          onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
+        }
+      }),
+      [_constants.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CHECK_LIST_ITEM],
+        key: "sdoc-insert-menu-check-list",
+        menuConfig: {
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
+        },
+        onClick: onInsertCheckList
+      }),
       [_constants.IMAGE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[_constants.IMAGE],
         disabled: isDisableImage,
@@ -216,53 +259,8 @@ const QuickInsertBlockMenu = _ref => {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CALL_OUT]
         },
         onClick: () => onInsertCallout(_constants.PARAGRAPH)
-      }),
-      [_constants.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        isHidden: !quickInsertMenuSearchMap[_constants.UNORDERED_LIST],
-        key: "sdoc-insert-menu-unorder-list",
-        menuConfig: {
-          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
-        },
-        onClick: () => {
-          onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
-        }
-      }),
-      [_constants.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        isHidden: !quickInsertMenuSearchMap[_constants.ORDERED_LIST],
-        key: "sdoc-insert-menu-order-list",
-        menuConfig: {
-          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
-        },
-        onClick: () => {
-          onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
-        }
-      }),
-      [_constants.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        isHidden: !quickInsertMenuSearchMap[_constants.CHECK_LIST_ITEM],
-        key: "sdoc-insert-menu-check-list",
-        menuConfig: {
-          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
-        },
-        onClick: onInsertCheckList
-      }),
-      [_constants.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        isHidden: !quickInsertMenuSearchMap[_constants.PARAGRAPH],
-        disabled: isEmptyNode,
-        key: "sdoc-insert-menu-paragraph",
-        menuConfig: {
-          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.PARAGRAPH]
-        },
-        onClick: () => onInsert(_constants.ELEMENT_TYPE.PARAGRAPH)
       })
     };
-    _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER].forEach(item => {
-      items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        isHidden: !quickInsertMenuSearchMap[item.type],
-        key: item.id,
-        menuConfig: item,
-        onClick: () => onInsert(item.type)
-      });
-    });
     _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.MULTI_COLUMN].forEach(item => {
       items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         isHidden: !quickInsertMenuSearchMap[item.type],

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setSelection = exports.onWrapListItem = exports.onSetNodeType = exports.onDeleteNode = exports.onCopyNode = exports.isVoidNode = exports.isNotSupportTransform = exports.isList = exports.isBlockquote = exports.insertElement = exports.getTransformMenusConfig = exports.getTopValue = exports.getSearchedOperations = exports.getNodeEntry = exports.getListNode = void 0;
+exports.setSelection = exports.onWrapMultiListItemToNonListTypeTarget = exports.onWrapMultiListItem = exports.onWrapListItem = exports.onSetNodeType = exports.onDeleteNode = exports.onCopyNode = exports.normalizeCopyData = exports.isVoidNode = exports.isNotSupportTransform = exports.isMultiColumn = exports.isListItem = exports.isList = exports.isBlockquote = exports.insertEmptyListNodeAtTarget = exports.insertElement = exports.getTransformMenusConfig = exports.getTopValue = exports.getSearchedOperations = exports.getNodeEntry = exports.getListNode = exports.deleteNodesFromBack = exports.createDragPreviewContainer = void 0;
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _slateReact = require("@seafile/slate-react");
@@ -18,6 +18,8 @@ var _constants2 = require("../../plugins/table/constants");
 var _helper = require("../../plugins/callout/helper");
 var _helpers2 = require("../../plugins/check-list/helpers");
 var _constants3 = require("../../../constants");
+var _helpers3 = require("../../../node-id/helpers");
+var _documentUtils = require("../../../utils/document-utils");
 const onSetNodeType = (editor, element, type) => {
   if (!type) return;
   if (type === _constants.CALL_OUT) {
@@ -176,16 +178,25 @@ const isBlockquote = (editor, path) => {
   return false;
 };
 exports.isBlockquote = isBlockquote;
-const isList = (editor, path) => {
+const isMultiColumn = (editor, path) => {
   var _nodeEntry$2;
+  const nodeEntry = _slate.Editor.node(editor, path);
+  if (nodeEntry && ((_nodeEntry$2 = nodeEntry[0]) === null || _nodeEntry$2 === void 0 ? void 0 : _nodeEntry$2.type) === _constants.MULTI_COLUMN) {
+    return true;
+  }
+  return false;
+};
+exports.isMultiColumn = isMultiColumn;
+const isList = (editor, path) => {
+  var _nodeEntry$3;
   const nodeEntry = _slate.Editor.node(editor, [path[0]]);
-  if (nodeEntry && [_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$2 = nodeEntry[0]) === null || _nodeEntry$2 === void 0 ? void 0 : _nodeEntry$2.type)) {
+  if (nodeEntry && [_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$3 = nodeEntry[0]) === null || _nodeEntry$3 === void 0 ? void 0 : _nodeEntry$3.type)) {
     return true;
   }
   if (path.length > 1 && isBlockquote(editor, [path[0]])) {
-    var _nodeEntry$3;
+    var _nodeEntry$4;
     const nodeEntry = _slate.Editor.node(editor, [path[0], path[1]]);
-    if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$3 = nodeEntry[0]) === null || _nodeEntry$3 === void 0 ? void 0 : _nodeEntry$3.type)) {
+    if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$4 = nodeEntry[0]) === null || _nodeEntry$4 === void 0 ? void 0 : _nodeEntry$4.type)) {
       return true;
     }
   }
@@ -215,6 +226,35 @@ const onWrapListItem = (editor, targetPath, sourcePath) => {
   return;
 };
 exports.onWrapListItem = onWrapListItem;
+const insertEmptyListNodeAtTarget = (editor, targetPath, listType) => {
+  const currentTargetPath = _slate.Path.next(targetPath);
+  const emptyListNode = (0, _model.generateEmptyList)(listType);
+  emptyListNode.children[0] = (0, _model.generateListItem)();
+  _slate.Transforms.insertNodes(editor, emptyListNode, {
+    at: currentTargetPath
+  });
+};
+exports.insertEmptyListNodeAtTarget = insertEmptyListNodeAtTarget;
+const onWrapMultiListItem = (editor, currentTargetPath, sourceNodes) => {
+  sourceNodes && sourceNodes.slice().reverse().forEach(nodes => {
+    _slate.Transforms.insertNodes(editor, nodes[0], {
+      at: currentTargetPath
+    });
+  });
+};
+exports.onWrapMultiListItem = onWrapMultiListItem;
+const onWrapMultiListItemToNonListTypeTarget = (editor, targetPath, sourceNodes, listType) => {
+  insertEmptyListNodeAtTarget(editor, targetPath, listType);
+  let currentTargetPath = _slate.Path.next(targetPath);
+  currentTargetPath.splice(currentTargetPath.length, 0, 0);
+  const emptyListPath = [...currentTargetPath];
+  currentTargetPath = _slate.Path.next(currentTargetPath);
+  onWrapMultiListItem(editor, currentTargetPath, sourceNodes);
+  _slate.Transforms.removeNodes(editor, {
+    at: emptyListPath
+  });
+};
+exports.onWrapMultiListItemToNonListTypeTarget = onWrapMultiListItemToNonListTypeTarget;
 const getTransformMenusConfig = (editor, slateNode) => {
   let newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG;
   if (_constants.LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
@@ -274,4 +314,49 @@ const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t, edito
   }
   return menuSearchMap;
 };
-exports.getSearchedOperations = getSearchedOperations;
+exports.getSearchedOperations = getSearchedOperations;
+const createDragPreviewContainer = () => {
+  const previewContainer = document.createElement('div');
+  previewContainer.style.position = 'absolute';
+  previewContainer.style.width = '654px';
+  previewContainer.style.pointerEvents = 'none';
+  previewContainer.style.background = 'rgba(255, 255, 255, 0.9)';
+  previewContainer.style.padding = '3px 0px';
+  previewContainer.style.zIndex = '103';
+  document.body.appendChild(previewContainer);
+  return previewContainer;
+};
+exports.createDragPreviewContainer = createDragPreviewContainer;
+const deleteNodesFromBack = (editor, sortedPaths) => {
+  sortedPaths.slice().reverse().forEach(path => {
+    _slate.Transforms.removeNodes(editor, {
+      at: path
+    });
+  });
+};
+exports.deleteNodesFromBack = deleteNodesFromBack;
+const isListItem = editor => {
+  if (!editor.selection) return false;
+  const anchorPath = editor.selection.anchor.path;
+  const focusPath = editor.selection.focus.path;
+  if (isMultiColumn(editor, [anchorPath[0]])) return false;
+  const start = Math.min(anchorPath[0], focusPath[0]);
+  const end = Math.max(anchorPath[0], focusPath[0]);
+  let isListItem = true;
+  for (let i = start; i <= end; i++) {
+    const topNode = (0, _core.getNode)(editor, [i]);
+    if ((topNode === null || topNode === void 0 ? void 0 : topNode.type) !== _constants.ORDERED_LIST && (topNode === null || topNode === void 0 ? void 0 : topNode.type) !== _constants.UNORDERED_LIST) {
+      return isListItem = false;
+    }
+  }
+  return isListItem;
+};
+exports.isListItem = isListItem;
+const normalizeCopyData = (editor, fragment) => {
+  const decoded = decodeURIComponent(window.atob(fragment));
+  const parsed = JSON.parse(decoded);
+  const newData = (0, _helpers3.replacePastedDataId)(parsed);
+  const normalizeNewData = (0, _documentUtils.normalizeCopyNodes)(editor, newData);
+  return normalizeNewData;
+};
+exports.normalizeCopyData = normalizeCopyData;

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

@@ -34,6 +34,10 @@ const SideToolbar = () => {
   const [isEnterMoreVertical, setIsEnterMoreVertical] = (0, _react.useState)(false);
   const [isMoving, setIsMoving] = (0, _react.useState)(false);
   const sideMenuRef = (0, _react.useRef)();
+  const draggedSourcePaths = (0, _react.useRef)(null);
+  const selectedNodesRef = (0, _react.useRef)(null);
+  const showSelectedNodesRef = (0, _react.useRef)(null);
+  const draggedPreviewContainer = (0, _react.useRef)(null);
   const onReset = (0, _react.useCallback)(() => {
     setShowSideMenu(false);
     setMenuPosition({});
@@ -110,6 +114,65 @@ const SideToolbar = () => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, isShowSideMenu, scrollRef, sidePosition.top]);
+  const onMouseDown = (0, _react.useCallback)(e => {
+    const domSelection = window.getSelection();
+    if (domSelection.type !== 'Range' || !editor.selection || _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path)) {
+      draggedPreviewContainer.current = null;
+      selectedNodesRef.current = null;
+      showSelectedNodesRef.current = null;
+      draggedSourcePaths.current = null;
+      return;
+    }
+    // Bond when selecting more than more list_items nodes
+    const dom = e.target;
+    const domTop = dom.getBoundingClientRect().top;
+    if ((0, _helpers.isListItem)(editor)) {
+      const {
+        anchor,
+        focus
+      } = editor.selection;
+      // Return if selecting only one line list_item
+      if (_slate.Path.equals(anchor.path.slice(0, -1), focus.path.slice(0, -1))) return;
+      const startPath = (_slate.Path.compare(anchor.path, focus.path) < 0 ? anchor.path : focus.path).slice(0, -2);
+      // Remove unselected parent level list node when selecting child level list_item nodes
+      const selectedDraggedPreviewNodes = Array.from(_slate.Editor.nodes(editor, {
+        match: node => node.type === _constants2.LIST_ITEM,
+        at: editor.selection
+      })).filter(_ref => {
+        let [, path] = _ref;
+        return !_slate.Path.isAncestor(path, startPath);
+      });
+
+      // Remove their all children level list_items when selecting parent level list nodes
+      let selectedNodes = [];
+      let lastAncestorPath = null;
+      for (const [node, path] of selectedDraggedPreviewNodes) {
+        if (lastAncestorPath && _slate.Path.isAncestor(lastAncestorPath, path)) {
+          continue;
+        }
+        selectedNodes.push([node, path]);
+        lastAncestorPath = path;
+      }
+      const topValues = selectedDraggedPreviewNodes.map(_ref2 => {
+        let [node] = _ref2;
+        const domNode = _slateReact.ReactEditor.toDOMNode(editor, node);
+        const rect = domNode.getBoundingClientRect();
+        return rect.top;
+      });
+      const rangeStart = Math.min(...topValues) - 15;
+      const rangeEnd = Math.max(...topValues) + 15;
+      // Active only when the sideTool bar references to the selectedNodes
+      if (selectedDraggedPreviewNodes.length > 1 && rangeStart < domTop && domTop < rangeEnd) {
+        showSelectedNodesRef.current = selectedDraggedPreviewNodes;
+        selectedNodesRef.current = selectedNodes;
+      } else {
+        draggedPreviewContainer.current = null;
+        selectedNodesRef.current = null;
+        showSelectedNodesRef.current = null;
+        draggedSourcePaths.current = null;
+      }
+    }
+  }, [editor]);
   const onShowSideMenuToggle = (0, _react.useCallback)(() => {
     (0, _helpers.setSelection)(editor, slateNode);
     const {
@@ -123,6 +186,32 @@ const SideToolbar = () => {
     });
   }, [editor, isShowSideMenu, slateNode]);
   const dragStart = (0, _react.useCallback)(event => {
+    // Create the preview container when dragging more than one listNodes
+    const noDrag = _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path);
+    if (showSelectedNodesRef.current && showSelectedNodesRef.current.length > 1 && !noDrag) {
+      if (!draggedPreviewContainer.current) {
+        draggedPreviewContainer.current = (0, _helpers.createDragPreviewContainer)();
+      }
+      draggedPreviewContainer.current.innerHTML = '';
+      showSelectedNodesRef.current.forEach(_ref3 => {
+        let [node, path] = _ref3;
+        const nodeElement = _slateReact.ReactEditor.toDOMNode(editor, node.children[0]);
+        const clonedNode = nodeElement.cloneNode(true);
+        draggedPreviewContainer.current.appendChild(clonedNode);
+      });
+      event.dataTransfer.setDragImage(draggedPreviewContainer.current, 0, 0);
+      draggedSourcePaths.current = showSelectedNodesRef.current.map(_ref4 => {
+        let [, path] = _ref4;
+        return path;
+      });
+      setTimeout(() => {
+        if (draggedPreviewContainer.current) {
+          draggedPreviewContainer.current.innerHTML = '';
+          draggedPreviewContainer.current = null;
+        }
+      }, 0);
+      return;
+    }
     sourceElement = _slateReact.ReactEditor.toDOMNode(editor, slateNode);
     const path = _slateReact.ReactEditor.findPath(editor, slateNode);
 
@@ -155,9 +244,60 @@ const SideToolbar = () => {
       (0, _helpers2.insertImageFiles)(event.dataTransfer.files, editor, targetPath);
       return;
     }
-    const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);
     const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
+    // Drag multiple list_items nodes
+    if (draggedSourcePaths.current) {
+      try {
+        // Return if dragging items into themselves
+        if (draggedSourcePaths.current.some(arr => JSON.stringify(arr) === JSON.stringify(targetPath))) return;
+        const sortedPaths = [...draggedSourcePaths.current].sort(_slate.Path.compare);
+        let currentTargetPath = _slate.Path.next(targetPath);
+        const currentNode = _slate.Node.get(editor, targetPath);
+        const parentNode = _slate.Node.parent(editor, targetPath);
+        const topNode = _slate.Node.get(editor, [targetPath[0]]);
+
+        // Drag into list nods within blockquote, callout or multi_column block node
+        if (topNode.type === _constants2.CALL_OUT && parentNode.type === _constants2.LIST_ITEM || topNode.type === _constants2.MULTI_COLUMN && parentNode.type === _constants2.LIST_ITEM) {
+          currentTargetPath = _slate.Path.next(targetPath.slice(0, -1));
+          (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          return;
+        }
+        if (topNode.type === _constants2.BLOCKQUOTE && currentNode.type === _constants2.LIST_ITEM) {
+          (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          return;
+        }
 
+        // Drag into other element nodes rather than blockquote, callout or multi_column block node
+        if (_slate.Path.isAfter(targetPath, sortedPaths[0])) {
+          if (currentNode.type === _constants2.LIST_ITEM) {
+            (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          } else {
+            const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
+            (0, _helpers.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
+          }
+          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          return;
+        }
+        if (_slate.Path.isBefore(targetPath, sortedPaths[0])) {
+          const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
+          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          if (currentNode.type === _constants2.LIST_ITEM) {
+            (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          } else {
+            (0, _helpers.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
+          }
+          return;
+        }
+      } finally {
+        selectedNodesRef.current = null;
+        draggedSourcePaths.current = null;
+        showSelectedNodesRef.current = null;
+        draggedPreviewContainer.current = null;
+      }
+    }
+    const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);
     // Dragging into a quoteBlock is not supported
     if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE].includes(sourceNode.type) && (0, _helpers.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
       return;
@@ -279,6 +419,7 @@ const SideToolbar = () => {
     style: sidePosition
   }, slateNode && /*#__PURE__*/_react.default.createElement("div", {
     ref: menuRef,
+    onMouseDown: onMouseDown,
     draggable: true,
     onDragStart: dragStart,
     className: "sdoc-side-op-icon",

package/dist/basic-sdk/utils/default-mode.js

@@ -10,8 +10,7 @@ var _constants = require("../constants");
 const getStyleByDefaultMode = (scrollRef, editor) => {
   const sdocStorage = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
   const {
-    outlineOpen: isShowOutline,
-    isShowComments
+    outlineOpen: isShowOutline
   } = sdocStorage;
   const containerStyle = {
     width: _constants.ARTICLE_DEFAULT_WIDTH
@@ -20,13 +19,6 @@ const getStyleByDefaultMode = (scrollRef, editor) => {
   // Has outline
   if (isShowOutline && editor.editorType !== _constants.WIKI_EDITOR) {
     const rect = scrollRef.current.getBoundingClientRect();
-    if (isShowComments) {
-      const outlineRightWidth = Number(_constants.ARTICLE_DEFAULT_WIDTH.slice(0, 3)) + _constants.RIGHT_COMMENT_WIDTH;
-      if (rect.width - outlineRightWidth < 280) {
-        containerStyle['marginLeft'] = `${_constants.LEFT_OUTLINE_WIDTH}px`;
-        return containerStyle;
-      }
-    }
     if ((rect.width - Number(_constants.ARTICLE_DEFAULT_WIDTH.slice(0, 3))) / 2 < 280) {
       containerStyle['marginLeft'] = `${_constants.LEFT_OUTLINE_WIDTH}px`;
     }

package/dist/basic-sdk/utils/full-width-mode.js

@@ -10,8 +10,7 @@ var _constants = require("../constants");
 const getStyleByFullWidthMode = (scrollRef, editor) => {
   const sdocStorage = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
   const {
-    outlineOpen: isShowOutline,
-    isShowComments: isHasComments
+    outlineOpen: isShowOutline
   } = sdocStorage;
   let containerStyle = {};
   containerStyle['width'] = _constants.ARTICLE_FULL_WIDTH;
@@ -23,19 +22,13 @@ const getStyleByFullWidthMode = (scrollRef, editor) => {
     const adjustWidth = ` - ${_constants.LEFT_OUTLINE_WIDTH - 50}px`; // One side is 50
     containerStyle['width'] = containerStyle['width'].slice(0, -1) + adjustWidth;
   }
-  // Has comments right list
-  if (isHasComments) {
-    containerStyle['marginRight'] = `${_constants.RIGHT_COMMENT_WIDTH}px`;
-    const adjustWidth = ` - ${_constants.RIGHT_COMMENT_WIDTH - 50}px`; // One side is 50
-    containerStyle['width'] = containerStyle['width'].slice(0, -1) + adjustWidth;
-  }
   return containerStyle;
 };
 exports.getStyleByFullWidthMode = getStyleByFullWidthMode;
 const getContentStyleByFullModeStyle = () => {
   if (_localStorageUtils.default.getItem(_constants.FULL_WIDTH_MODE)) {
     return {
-      'minWidth': `${Number(_constants.ARTICLE_FULL_MIN_WIDTH.slice(0, -2)) + _constants.RIGHT_COMMENT_WIDTH}px`
+      'minWidth': `${Number(_constants.ARTICLE_FULL_MIN_WIDTH.slice(0, -2))}px`
     };
   }
   return {};

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

@@ -32,7 +32,8 @@ const DocInfo = _ref => {
   const {
     isShowInternalLink,
     isStarIconShown,
-    isFreezed
+    isFreezed,
+    mobileLogin
   } = _context.default.getSettings();
   const onInternalLinkClick = (0, _react.useCallback)(() => {
     const eventBus = _basicSdk.EventBus.getInstance();
@@ -52,12 +53,12 @@ const DocInfo = _ref => {
     const originFileURL = _context.default.getSetting('originFileURL');
     window.open(originFileURL, '_blank');
   }, []);
-  const docInfo = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDraft && /*#__PURE__*/_react.default.createElement(_draftDropdown.default, null), isStarIconShown && /*#__PURE__*/_react.default.createElement("button", {
+  const docInfo = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDraft && /*#__PURE__*/_react.default.createElement(_draftDropdown.default, null), isStarIconShown && !mobileLogin && /*#__PURE__*/_react.default.createElement("button", {
     className: `doc-icon sdocfont ${isStarred ? 'sdoc-starred' : 'sdoc-unstarred'} border-0 p-0 bg-transparent`,
     title: isStarred ? t('Starred') : t('Unstarred'),
     "aria-label": isStarred ? t('Unstar') : t('Star'),
     onClick: toggleStar
-  }), isShowInternalLink && /*#__PURE__*/_react.default.createElement("span", {
+  }), isShowInternalLink && !mobileLogin && /*#__PURE__*/_react.default.createElement("span", {
     className: "doc-icon"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "internal-link sdocfont sdoc-link",

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

@@ -18,6 +18,7 @@ require("./style.css");
 const DocOperations = _ref => {
   let {
     isShowChanges,
+    isStarred,
     isPublished = false,
     changes,
     handleViewChangesToggle,
@@ -25,10 +26,13 @@ const DocOperations = _ref => {
     handleRevisionPublished
   } = _ref;
   const isSdocRevision = _context.default.getSetting('isSdocRevision');
+  const mobileLogin = _context.default.getSetting('mobileLogin');
   if (_utils.isMobile) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "doc-ops"
-    }, !isSdocRevision && /*#__PURE__*/_react.default.createElement(_shareOperation.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_moreOperations.default, null));
+    }, !isSdocRevision && !mobileLogin && /*#__PURE__*/_react.default.createElement(_shareOperation.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_moreOperations.default, {
+      isStarred: isStarred
+    }));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "doc-ops"

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

@@ -20,6 +20,7 @@ var _constants = require("../../constants");
 var _constants2 = require("../../basic-sdk/constants");
 const MoreOperations = _ref => {
   let {
+    isStarred,
     t
   } = _ref;
   const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
@@ -30,6 +31,7 @@ const MoreOperations = _ref => {
   const docPerm = _context.default.getSetting('docPerm');
   const historyURL = _context.default.getSetting('historyURL');
   const isSdocRevision = _context.default.getSetting('isSdocRevision');
+  const mobileLogin = _context.default.getSetting('mobileLogin');
   const cssUrls = _context.default.getPrintCss();
   (0, _react.useEffect)(() => {
     const eventBus = _basicSdk.EventBus.getInstance();
@@ -83,8 +85,26 @@ const MoreOperations = _ref => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.RESIZE_ARTICLE);
     setIsFullWidthMode(newMode);
   }, [isFullWidthMode]);
+  const toggleStar = (0, _react.useCallback)(() => {
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.TOGGLE_STAR);
+  }, []);
+  const onShareToggle = (0, _react.useCallback)(() => {
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.SHARE_SDOC);
+  }, []);
+  const onInternalLinkClick = (0, _react.useCallback)(() => {
+    const eventBus = _basicSdk.EventBus.getInstance();
+    if (isSdocRevision) {
+      eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
+        internalLink: window.location.href
+      });
+      return;
+    }
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+  }, [isSdocRevision]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
-    className: "sdoc-operator-folder",
+    className: `sdoc-operator-folder ${mobileLogin ? 'mobile-login' : ''}`,
     isOpen: isDropdownOpen,
     toggle: event => toggleDropdown(event, isDropdownOpen)
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
@@ -95,7 +115,18 @@ const MoreOperations = _ref => {
   })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
     right: true
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+  }, mobileLogin && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: toggleStar
+  }, /*#__PURE__*/_react.default.createElement("div", null, isStarred ? t('Collected') : t('Collect'))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onShareToggle
+  }, t('Share_1')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onInternalLinkClick
+  }, t('Internal_link')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-operator-folder-divider"
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: handlePrint
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -111,7 +142,7 @@ const MoreOperations = _ref => {
   }, t('Freeze_document')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: handleClickHistory
-  }, t('Document_history')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+  }, t('Document_history')), !_utils.isMobile && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     id: "sdoc-full-width-mode-wrapper",
     className: "sdoc-dropdown-menu-item"
   }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {

package/dist/pages/simple-editor.js

@@ -107,6 +107,7 @@ const SimpleEditor = _ref => {
     });
   }, [setErrorMessage]);
   const docOperationsProps = {
+    isStarred,
     isPublished,
     isShowChanges,
     changes,

package/package.json

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

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Sdílet",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Freigeben",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Share",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Compartir",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Compartir",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Compartir",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Partager",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
   "No_page_results": "No page results",
-  "Page": "Page"
+  "Page": "Page",
+  "Share_1": "Condividi",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -577,6 +577,9 @@
   "The_current_version_does_not_support_>5MB_video_file": "Текущая_версия_не_поддерживает_видео_файл_>5_МБ",
   "Token_expired_Please_refresh_the_page": "Срок действия токена истек. Обновите страницу.",
   "Link_to_page": "Ссылка на страницу",
-  "No_page_results": "No page results",
-  "Page": "Page"
+  "No_page_results": "Нет результатов на странице",
+  "Page": "Страница",
+  "Share_1": "Общий доступ",
+  "Collect": "Collect",
+  "Collected": "Collected"
 }

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

@@ -578,5 +578,8 @@
   "Token_expired_Please_refresh_the_page": "Token已过期。请刷新页面。",
   "Link_to_page": "链接到页面",
   "No_page_results": "没有页面结果",
-  "Page": "页面"
+  "Page": "页面",
+  "Share_1": "分享",
+  "Collect": "收藏",
+  "Collected": "已收藏"
 }