@seafile/sdoc-editor 0.5.67-beta → 0.5.68

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

@@ -45,7 +45,7 @@
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
   display: flex;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: space-between;
   flex: 1;
   font-size: 14px;
 }

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

@@ -56,4 +56,5 @@ export const REBASE_ORIGIN = {
   MY: 'my'
 };
 export const REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
-export { Z_INDEX };
+export { Z_INDEX };
+export const DIFF_VIEWER = 'diff_viewer';

package/dist/basic-sdk/extension/commons/dropdown-menu-item/index.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import classnames from 'classnames';
+import MenuShortcutPrompt from '../menu-shortcut-indicator';
 import './index.css';
 const DropdownMenuItem = _ref => {
   let {
@@ -8,7 +9,8 @@ const DropdownMenuItem = _ref => {
     onClick,
     menuConfig,
     children,
-    className
+    className,
+    shortcut
   } = _ref;
   const {
     t
@@ -32,8 +34,12 @@ const DropdownMenuItem = _ref => {
     onClick: disabled ? () => {} : onClick || (() => {})
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-item-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-item-left"
   }, iconClass && /*#__PURE__*/React.createElement("i", {
     className: classnames(iconClass, 'sdoc-dropdown-item-content-icon')
-  }), /*#__PURE__*/React.createElement("span", null, t(menuConfig.text))), isShowChildren && children);
+  }), /*#__PURE__*/React.createElement("span", null, t(menuConfig.text))), shortcut && /*#__PURE__*/React.createElement(MenuShortcutPrompt, {
+    shortcuts: shortcut
+  })), isShowChildren && children);
 };
 export default DropdownMenuItem;

package/dist/basic-sdk/extension/constants/element-type.js

@@ -34,8 +34,5 @@ export const COLUMN = 'column';
 export const FONT_SIZE = 'font-size';
 export const FONT_SIZE_INCREASE = 'font-size-increase';
 export const FONT_SIZE_REDUCE = 'font-size-reduce';
-
-// block
-export const GROUP = 'group';
 export const TOP_LEVEL_TYPES = [BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, PARAGRAPH, CODE_BLOCK, TABLE];
 export const INLINE_LEVEL_TYPES = [IMAGE, LINK, MENTION, MENTION_TEMP];

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

@@ -1,7 +1,7 @@
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 // eslint-disable-next-line no-duplicate-imports
-import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT, GROUP } from './element-type';
+import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT } from './element-type';
 export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';
 export { DIFF_TYPE, ADDED_STYLE, DELETED_STYLE } from './diff-view';
@@ -57,4 +57,4 @@ export const MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [CALL_OUT]: [CALL_OUT]
 };
 export const ROOT_ELEMENT_TYPES = [PARAGRAPH, TITLE, SUBTITLE, CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST, BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CALL_OUT, TABLE, CODE_BLOCK, IMAGE_BLOCK];
-export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT, GROUP };
+export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT };

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

@@ -6,6 +6,7 @@ import { getHeaderType, isMenuDisabled, setHeaderType } from '../helpers';
 import { HEADERS, HEADER_TITLE_MAP, MAC_HOTKEYS, PARAGRAPH, SDOC_FONT_SIZE, SUBTITLE, TITLE, WIN_HOTKEYS } from '../../../constants';
 import Tooltip from '../../../../../components/tooltip';
 import { focusEditor } from '../../../core';
+import { isMac } from '../../../../../utils';
 import './style.css';
 class HeaderMenu extends React.Component {
   constructor(props) {
@@ -80,8 +81,6 @@ class HeaderMenu extends React.Component {
       this.menu = ref;
     });
     _defineProperty(this, "getToolTip", type => {
-      // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
-      const isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
       return isMac ? MAC_HOTKEYS[type] : WIN_HOTKEYS[type];
     });
     this.state = {

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

@@ -19,9 +19,8 @@ import SearchReplacePlugin from './search-replace';
 import MentionPlugin from './mention';
 import QuickInsertPlugin from './quick-insert';
 import ColumnPlugin from './column';
-import GroupPlugin from './group';
-const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, GroupPlugin];
+const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
 const WikiPlugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, QuickInsertPlugin];
 const CommentPlugins = [MarkDownPlugin, HtmlPlugin, ParagraphPlugin, TextPlugin, ListPlugin, ImagePlugin, LinkPlugin, MentionPlugin, BlockquotePlugin];
 export default Plugins;
-export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, MentionPlugin, QuickInsertPlugin, CommentPlugins, WikiPlugins, ColumnPlugin, GroupPlugin };
+export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, MentionPlugin, QuickInsertPlugin, CommentPlugins, WikiPlugins, ColumnPlugin };

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

@@ -1,10 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
 import { isMenuDisabled } from '../helpers';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
 import { COMMENT_EDITOR, INTERNAL_EVENT } from '../../../../constants';
 import { MenuItem } from '../../../commons';
+import { isMac } from '../../../../../utils';
 const LinkMenu = _ref => {
   let {
     editor,
@@ -39,10 +40,17 @@ const LinkMenu = _ref => {
     menuProps.id = 'sdoc-comment-editor' + menuConfig.id;
     return /*#__PURE__*/React.createElement(MenuItem, menuProps);
   }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const printShortCutTexts = useMemo(() => {
+    const printTexts = isMac ? ['⌘', 'k'] : ['Ctrl', 'k'];
+    return printTexts;
+  }, []);
   return /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
-    onClick: openLinkDialog
+    onClick: openLinkDialog,
+    shortcut: printShortCutTexts
   });
 };
 export default LinkMenu;

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

@@ -1,17 +1,21 @@
 import { Transforms, Node, Editor, Range, Element } from '@seafile/slate';
 import isUrl from 'is-url';
+import isHotkey from 'is-hotkey';
 import context from '../../../../context';
 import { insertSdocFileLink } from '../sdoc-link/helpers';
 import { genLinkNode, isSdocFile } from './helpers';
 import { getNodeType, getSelectedNodeByType } from '../../core';
 import { isImage, isSameDomain } from '../../utils';
-import { LINK, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import { ELEMENT_TYPE, LINK, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import EventBus from '../../../utils/event-bus';
+import { INTERNAL_EVENT } from '../../../constants';
 const withLink = editor => {
   const {
     normalizeNode,
     isInline,
     insertData,
-    insertFragment
+    insertFragment,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
 
@@ -63,6 +67,20 @@ const withLink = editor => {
     }
     return insertFragment(data);
   };
+  newEditor.onHotKeyDown = e => {
+    const {
+      selection
+    } = newEditor;
+    const isCollapsed = Range.isCollapsed(selection);
+    if (isHotkey('mod+k', e) && isCollapsed) {
+      const eventBus = EventBus.getInstance();
+      eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+        type: ELEMENT_TYPE.LINK,
+        newEditor
+      });
+    }
+    return onHotKeyDown && onHotKeyDown(e);
+  };
 
   // Rewrite normalizeNode
   newEditor.normalizeNode = _ref => {

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

@@ -3,8 +3,6 @@ import { withTranslation } from 'react-i18next';
 import { MenuGroup } from '../../../../commons';
 import { isAllInTable } from '../../helpers';
 import CellBackgroundColorMenu from './cell-bg-color-menu';
-import CellTextAlignMenu from './cell-text-align-menu';
-import ColumnVerticalAlignmentMenu from './column-vertical-alignment-menu';
 import './index.css';
 const ActiveTableMenu = _ref => {
   let {
@@ -16,13 +14,7 @@ const ActiveTableMenu = _ref => {
   if (!isAllInTable(editor)) return null;
   return /*#__PURE__*/React.createElement(MenuGroup, {
     className: "menu-group sdoc-table-menu-group"
-  }, /*#__PURE__*/React.createElement(CellTextAlignMenu, {
-    editor: editor,
-    readonly: readonly
-  }), /*#__PURE__*/React.createElement(ColumnVerticalAlignmentMenu, {
-    editor: editor,
-    readonly: readonly
-  }), /*#__PURE__*/React.createElement(CellBackgroundColorMenu, {
+  }, /*#__PURE__*/React.createElement(CellBackgroundColorMenu, {
     editor: editor,
     isRichEditor: isRichEditor,
     className: className,

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

@@ -0,0 +1,71 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { UncontrolledPopover } from 'reactstrap';
+import classNames from 'classnames';
+import { TABLE_CELL_STYLE } from '../../constants';
+import { setCellStyle } from '../../helpers';
+import { focusEditor } from '../../../../core';
+import '../vertical-align-popover/style.css';
+const HorizontalAlignPopover = _ref => {
+  let {
+    target,
+    editor,
+    readonly,
+    horizontalAlign
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const setTextAlignStyle = useCallback(textAlign => {
+    if (readonly) return;
+    setCellStyle(editor, {
+      [TABLE_CELL_STYLE.TEXT_ALIGN]: textAlign
+    });
+    const focusPoint = editor.selection.focus;
+    // prevent select all text in the editor
+    focusEditor(editor, focusPoint);
+    // Select last focus point
+    setTimeout(() => {
+      focusEditor(editor, focusPoint);
+    }, 0);
+  }, [editor, readonly]);
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: target,
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu sdoc-table-alignment-menu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('left')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: !horizontalAlign || horizontalAlign === 'left'
+    })
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "active"
+  }, t('Left'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('center')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: horizontalAlign === 'center'
+    })
+  })), /*#__PURE__*/React.createElement("span", null, t('Center'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('right')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: horizontalAlign === 'right'
+    })
+  })), /*#__PURE__*/React.createElement("span", null, t('Right')))));
+};
+export default HorizontalAlignPopover;

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

@@ -26,3 +26,14 @@
 .sdoc-table-context-menu .dropdown-item:disabled .insert-number-input {
   color: #adb5bd;
 }
+
+.side-extendable {
+  display: flex;
+  justify-content: space-between;
+  padding-right: 12px;
+}
+
+.side-extendable .sdoc-right-slide {
+  color: #999;
+  transform: scale(.6);
+}

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

@@ -5,11 +5,14 @@ import ObjectUtils from '../../../../../utils/object-utils';
 import { ElementPopover } from '../../../../commons';
 import { ELEMENT_TYPE } from '../../../../constants';
 import { getSelectedNodeByType } from '../../../../core';
-import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS, TABLE_ELEMENT, TABLE_ELEMENT_POSITION, EMPTY_SELECTED_RANGE } from '../../constants';
+import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS, TABLE_ELEMENT, TABLE_ELEMENT_POSITION, EMPTY_SELECTED_RANGE, TABLE_CELL_STYLE } from '../../constants';
 import { insertTableElement, removeTableElement, combineCells, isTableWidthFitScreen, fitTableColumnToScreen } from '../../helpers';
 import InsertTableElement from './insert-table-element';
 import EventBus from '../../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../../constants';
+import VerticalAlignPopover from '../vertical-align-popover';
+import HorizontalAlignPopover from '../horizontal-align-popover';
+import KebabToCamel from '../../../../../utils/Kebab-to-camel';
 import './index.css';
 class TableContextMenu extends React.Component {
   constructor(props) {
@@ -71,6 +74,8 @@ class TableContextMenu extends React.Component {
     };
     this.position = null;
     this.eventBus = EventBus.getInstance();
+    this.horizontalAlignRef = React.createRef();
+    this.verticalAlignRef = React.createRef();
   }
   componentDidMount() {
     this.position = this.props.contextMenuPosition;
@@ -97,13 +102,15 @@ class TableContextMenu extends React.Component {
     return colspan > 1 || rowspan > 1;
   }
   render() {
+    var _tableCellNode$style, _tableCellNode$style2;
     const {
       contextStyle,
       isDisableFitTableWidthToScreen
     } = this.state;
     const {
       editor,
-      t
+      t,
+      readonly
     } = this.props;
     const currentTable = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
     if (!currentTable) return null;
@@ -120,7 +127,9 @@ class TableContextMenu extends React.Component {
     const enableCombineCell = !ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE);
     const enableSplitCell = !enableCombineCell;
     const isMergedCell = this.isMergedCell();
-
+    const tableCellNode = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
+    const horizontalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style = tableCellNode.style) === null || _tableCellNode$style === void 0 ? void 0 : _tableCellNode$style[TABLE_CELL_STYLE.TEXT_ALIGN];
+    const verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS)];
     // Check if the table width is fit to screen
     // Use queueMicrotask to resolve the issue that the table cell combined or split, the table width is not updated immediately
     queueMicrotask(() => {
@@ -173,7 +182,28 @@ class TableContextMenu extends React.Component {
       className: "dropdown-item",
       disabled: !isMergedCell || !enableSplitCell,
       onMouseDown: this.toggleSplitCellSettingDialog
-    }, t('Split_cell')), /*#__PURE__*/React.createElement("div", {
+    }, t('Split_cell')), /*#__PURE__*/React.createElement("button", {
+      ref: this.horizontalAlignRef,
+      className: "dropdown-item side-extendable",
+      onClick: e => console.log('123')
+    }, /*#__PURE__*/React.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-right-slide"
+    })), /*#__PURE__*/React.createElement(HorizontalAlignPopover, {
+      target: this.horizontalAlignRef,
+      editor: editor,
+      readonly: readonly,
+      horizontalAlign: horizontalAlign
+    }), /*#__PURE__*/React.createElement("button", {
+      ref: this.verticalAlignRef,
+      className: "dropdown-item side-extendable"
+    }, /*#__PURE__*/React.createElement("span", null, t('Vertical_align')), /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-right-slide"
+    })), /*#__PURE__*/React.createElement(VerticalAlignPopover, {
+      target: this.verticalAlignRef,
+      editor: editor,
+      readonly: readonly,
+      verticalAlign: verticalAlign
+    }), /*#__PURE__*/React.createElement("div", {
       className: 'seafile-divider dropdown-divider'
     }), /*#__PURE__*/React.createElement("button", {
       className: "dropdown-item",

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

@@ -0,0 +1,73 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { UncontrolledPopover } from 'reactstrap';
+import classNames from 'classnames';
+import KebabToCamel from '../../../../../utils/Kebab-to-camel';
+import { setCellStyle } from '../../helpers';
+import { TABLE_CELL_STYLE } from '../../constants';
+import { focusEditor } from '../../../../core';
+import './style.css';
+const VerticalAlignPopover = _ref => {
+  let {
+    target,
+    editor,
+    readonly,
+    verticalAlign
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const setVerticalAlignStyle = useCallback(position => {
+    if (readonly) return;
+    const alignItems = KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS);
+    setCellStyle(editor, {
+      [alignItems]: position
+    });
+    const focusPoint = editor.selection.focus;
+    // prevent select all text in the editor
+    focusEditor(editor, focusPoint);
+    // Select last focus point
+    setTimeout(() => {
+      focusEditor(editor, focusPoint);
+    }, 0);
+  }, [editor, readonly]);
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: target,
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu sdoc-table-alignment-menu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('flex-start')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: !verticalAlign || verticalAlign === 'flex-start'
+    })
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "active"
+  }, t('Top_align'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('center')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: verticalAlign === 'center'
+    })
+  })), /*#__PURE__*/React.createElement("span", null, t('Center_align'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('flex-end')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames('sdocfont sdoc-check-mark', {
+      active: verticalAlign === 'flex-end'
+    })
+  })), /*#__PURE__*/React.createElement("span", null, t('Bottom_align')))));
+};
+export default VerticalAlignPopover;

package/dist/basic-sdk/extension/plugins/table/menu/vertical-align-popover/style.css

@@ -0,0 +1,22 @@
+.sdoc-context-menu .sdoc-dropdown-menu {
+    display: flex;
+    flex-direction: column;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item {
+    padding: 4px 10px !important;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-checked {
+    margin-right: 6px;
+    width: 16px;
+    height: 16px;
+}
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark {
+    display: none;
+    font-size: 16px !important;
+    color: #6f59ff;
+}
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark.active {
+    display: inline;
+}

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

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useState, useRef, useCallback } from 'react';
 import classnames from 'classnames';
-import { useSlateStatic } from '@seafile/slate-react';
+import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
 import { TableRootContext, TableRootScrollLeftContext, useContextMenu } from './hooks';
 import { TableContextMenu } from '../menu';
 const TableRoot = _ref => {
@@ -11,6 +11,7 @@ const TableRoot = _ref => {
     children
   } = _ref;
   const editor = useSlateStatic();
+  const readonly = useReadOnly();
   const tableScrollWrapper = useRef(null);
   const [scrollLeft, setScrollLeft] = useState(0);
   const allWidth = columns.reduce((pre, cur) => pre + cur.width, 0);
@@ -44,7 +45,8 @@ const TableRoot = _ref => {
     onContextMenu: onContextMenu
   }, children)), isShowContextMenu && /*#__PURE__*/React.createElement(TableContextMenu, {
     editor: editor,
-    contextMenuPosition: menuPosition
+    contextMenuPosition: menuPosition,
+    readonly: readonly
   })));
 };
 export default TableRoot;

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,11 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
 import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, IMAGE_BLOCK, ELEMENT_TYPE, SDOC_LINK, FILE_LINK, TITLE, SUBTITLE, CALL_OUT, SUPPORTED_SIDE_OPERATION_TYPE, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT } from '../constants';
-import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, MentionPlugin, QuickInsertPlugin, ColumnPlugin, GroupPlugin } from '../plugins';
+import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, MentionPlugin, QuickInsertPlugin, ColumnPlugin } from '../plugins';
 import { onDragOver, onDragLeave, onDrop } from '../toolbar/side-toolbar/event';
 import { getParentNode } from '../core';
 import { setDataRoot, setMouseEnter } from './helper';
 import { COLUMN } from '../constants/element-type';
+import { WIKI_EDITOR, DIFF_VIEWER } from '../../constants';
 const CustomRenderElement = props => {
   const editor = useSlateStatic();
   const readonly = useReadOnly();
@@ -27,12 +28,21 @@ const CustomRenderElement = props => {
     case PARAGRAPH:
       {
         const parentNode = getParentNode(editor.children, element.id);
+        const placeholder = editor.editorType === DIFF_VIEWER ? '' : undefined;
         if (parentNode && parentNode.type === LIST_ITEM) {
           const [renderParagraph] = ParagraphPlugin.renderElements;
-          return renderParagraph(props);
+          return renderParagraph(_objectSpread(_objectSpread({}, props), {}, {
+            placeholder
+          }));
         }
+        // Update the placeholder for the wiki editor
+        if (editor.editorType === WIKI_EDITOR) props = _objectSpread(_objectSpread({}, props), {}, {
+          placeholder: 'Enter_text_or_press_forward_slash_to_insert_element'
+        });
         const [renderParagraph] = ParagraphPlugin.renderElements;
-        return renderParagraph(props);
+        return renderParagraph(_objectSpread(_objectSpread({}, props), {}, {
+          placeholder
+        }));
       }
     case TITLE:
       {
@@ -165,11 +175,6 @@ const CustomRenderElement = props => {
         const [renderColumn] = ColumnPlugin.renderElements;
         return renderColumn(props, editor);
       }
-    case ELEMENT_TYPE.GROUP:
-      {
-        const [renderGroup] = GroupPlugin.renderElements;
-        return renderGroup(props);
-      }
     default:
       {
         const [renderParagraph] = ParagraphPlugin.renderElements;

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

@@ -72,8 +72,9 @@ const SideToolbar = () => {
       const node = ReactEditor.toSlateNode(editor, dom);
       const top = getDomTopHeight(editor, dom, node);
       const isEmpty = isVoidNode(node);
+      const offsetY = !editor.editorType ? -1 : 0; // editorType is undefined means sdoc editor
       setSidePosition({
-        top: top + scrollRef.current.scrollTop,
+        top: top + scrollRef.current.scrollTop + offsetY,
         left: 20
       });
       setSlateNode(node);

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

@@ -25,77 +25,6 @@ export const hasConflict = content => {
   }
   return flag;
 };
-const expandGroup = content => {
-  if ([ELEMENT_TYPE.UNORDERED_LIST, ELEMENT_TYPE.ORDERED_LIST].includes(content.type)) {
-    return [_objectSpread(_objectSpread({}, content), {}, {
-      children: content.children.map(item => {
-        if (item.type === ELEMENT_TYPE.GROUP) {
-          return expandGroup(item);
-        }
-        return item;
-      }).flat(1)
-    })];
-  }
-  return content.type === ELEMENT_TYPE.GROUP ? content.children : [content];
-};
-const mergeChanges = changes => {
-  if (!Array.isArray(changes) || changes.length === 0) return changes;
-  let value = [];
-  let i = 0;
-  // while (i < changes.length) {
-  //   const change = changes[i];
-  //   const lastChange = value[value.length - 1];
-  //   if (change && lastChange && change[REBASE_MARK_KEY.MODIFY_TYPE] === lastChange[REBASE_MARK_KEY.MODIFY_TYPE] && [MODIFY_TYPE.ADD, MODIFY_TYPE.DELETE].includes(change[REBASE_MARK_KEY.MODIFY_TYPE])) {
-  //     if (lastChange.type === ELEMENT_TYPE.GROUP) {
-  //       change[REBASE_MARK_KEY.MODIFY_TYPE] && delete change[REBASE_MARK_KEY.MODIFY_TYPE];
-  //       lastChange.children.push(change);
-  //     } else {
-  //       value = value.slice(0, value.length - 1);
-  //       const modifyType = change[REBASE_MARK_KEY.MODIFY_TYPE];
-  //       lastChange[REBASE_MARK_KEY.MODIFY_TYPE] && delete lastChange[REBASE_MARK_KEY.MODIFY_TYPE];
-  //       change[REBASE_MARK_KEY.MODIFY_TYPE] && delete change[REBASE_MARK_KEY.MODIFY_TYPE];
-  //       value.push({
-  //         id: lastChange.id + '_group',
-  //         type: ELEMENT_TYPE.GROUP,
-  //         [REBASE_MARK_KEY.MODIFY_TYPE]: modifyType,
-  //         children: [lastChange, change],
-  //       });
-  //     }
-  //     i++;
-  //   } else {
-  //     value.push(change);
-  //     i++;
-  //   }
-  // }
-
-  // also add
-
-  while (i < changes.length) {
-    const change = changes[i];
-    const lastChange = value[value.length - 1];
-    if (change && lastChange && change[REBASE_MARK_KEY.MODIFY_TYPE] === MODIFY_TYPE.ADD && lastChange[REBASE_MARK_KEY.MODIFY_TYPE] === MODIFY_TYPE.DELETE) {
-      value = value.slice(0, value.length - 1);
-      lastChange[REBASE_MARK_KEY.MODIFY_TYPE] && delete lastChange[REBASE_MARK_KEY.MODIFY_TYPE];
-      change[REBASE_MARK_KEY.MODIFY_TYPE] && delete change[REBASE_MARK_KEY.MODIFY_TYPE];
-      value.push({
-        id: change.id.endsWith('_group') ? change.id : change.id + '_group',
-        type: ELEMENT_TYPE.GROUP,
-        [REBASE_MARK_KEY.MODIFY_TYPE]: MODIFY_TYPE.MODIFY,
-        children: expandGroup(change),
-        [REBASE_MARK_KEY.OLD_ELEMENT]: {
-          id: lastChange.id.endsWith('_group') ? lastChange.id : lastChange.id + '_group',
-          type: ELEMENT_TYPE.GROUP,
-          children: expandGroup(lastChange)
-        }
-      });
-      i++;
-    } else {
-      value.push(change);
-      i++;
-    }
-  }
-  return value;
-};
 const getChanges = (masterContent, revisionContent) => {
   const {
     map: masterContentMap,
@@ -114,21 +43,15 @@ const getChanges = (masterContent, revisionContent) => {
       removed
     } = idDiff;
     if (added) {
-      // merge consecutive identical operations
-      content.push({
-        id: value[0].id + '_group',
-        type: ELEMENT_TYPE.GROUP,
-        [REBASE_MARK_KEY.MODIFY_TYPE]: MODIFY_TYPE.ADD,
-        children: value.map(item => currentContentMap[item])
-      });
+      const addedList = value.map(item => _objectSpread(_objectSpread({}, currentContentMap[item]), {}, {
+        [REBASE_MARK_KEY.MODIFY_TYPE]: MODIFY_TYPE.ADD
+      }));
+      content.push(...addedList);
     } else if (removed) {
-      // merge consecutive identical operations
-      content.push({
-        id: value[0].id + '_group',
-        type: ELEMENT_TYPE.GROUP,
-        [REBASE_MARK_KEY.MODIFY_TYPE]: MODIFY_TYPE.DELETE,
-        children: value.map(item => currentContentMap[item])
-      });
+      const deletedList = value.map(item => _objectSpread(_objectSpread({}, masterContentMap[item]), {}, {
+        [REBASE_MARK_KEY.MODIFY_TYPE]: MODIFY_TYPE.DELETE
+      }));
+      content.push(...deletedList);
     } else {
       value.forEach(elementId => {
         if (ObjectUtils.isSameObject(masterContentMap[elementId], currentContentMap[elementId])) {
@@ -153,7 +76,7 @@ const getChanges = (masterContent, revisionContent) => {
       });
     }
   });
-  return mergeChanges(content);
+  return content;
 };
 const getMergeElement = (diffElement, baseElement) => {
   const modifyType = diffElement[REBASE_MARK_KEY.MODIFY_TYPE];
@@ -163,7 +86,7 @@ const getMergeElement = (diffElement, baseElement) => {
   // revision does not have this element, master has this element
   if (modifyType === MODIFY_TYPE.DELETE) {
     // base content does not have this element, indicating that it is newly added by master and needs to be retained, and will not be counted as a conflict.
-    if (!baseElement) return expandGroup(newElement);
+    if (!baseElement) return [newElement];
 
     // base content has this element, master modified it, indicating that revision deleted it, and the user manually selected the conflict
     if (!ObjectUtils.isSameObject(baseElement, diffElement, [REBASE_MARK_KEY.MODIFY_TYPE])) {
@@ -178,7 +101,7 @@ const getMergeElement = (diffElement, baseElement) => {
   // revision has this element, master does not have this element
   if (modifyType === MODIFY_TYPE.ADD) {
     // base content does not have this element, indicating that it is newly added by revision and needs to be retained, and will not be counted as a conflict.
-    if (!baseElement) return expandGroup(newElement);
+    if (!baseElement) return [newElement];
 
     // master deleted it, revision modified it, and the user manually selected the conflict
     if (!ObjectUtils.isSameObject(baseElement, diffElement, [REBASE_MARK_KEY.MODIFY_TYPE])) {
@@ -238,10 +161,10 @@ const getMergeElement = (diffElement, baseElement) => {
         [REBASE_MARK_KEY.ORIGIN]: REBASE_ORIGIN.MY
       })];
     }
-    if (ObjectUtils.isSameObject(masterElement, baseElement)) return expandGroup(newElement);
+    if (ObjectUtils.isSameObject(masterElement, baseElement)) return [newElement];
     if (ObjectUtils.isSameObject(newElement, baseElement)) return [masterElement];
     if (ObjectUtils.isSameObject(masterElement, newElement, ['type'])) {
-      if (ObjectUtils.isSameObject(masterElement, baseElement, ['type'])) return expandGroup(newElement);
+      if (ObjectUtils.isSameObject(masterElement, baseElement, ['type'])) return [newElement];
       if (ObjectUtils.isSameObject(newElement, baseElement, ['type'])) return [masterElement];
     }
 
@@ -252,7 +175,7 @@ const getMergeElement = (diffElement, baseElement) => {
     })];
   }
   newElement[REBASE_MARK_KEY.OLD_ELEMENT] && delete newElement[REBASE_MARK_KEY.OLD_ELEMENT];
-  return expandGroup(newElement);
+  return [newElement];
 };
 const getMergeContent = (baseContent, diffChanges) => {
   const {
@@ -311,9 +234,7 @@ export const getRebase = (masterContent, baseContent, revisionContent) => {
     };
   }
   const diffChanges = getChanges(masterContent, revisionContent);
-  console.log('diffChanges: ', diffChanges);
   const content = getMergeContent(baseContent, diffChanges);
-  console.log('content: ', content);
   return {
     canMerge: canMerge(content, revisionContent.children),
     isNeedReplaceMaster: true,

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

@@ -1,7 +1,10 @@
 import React, { useEffect } from 'react';
+import { createDefaultEditor } from '../extension';
+import withNodeId from '../node-id';
 import { getDiff } from '../utils/diff';
 import SDocViewer from './sdoc-viewer';
 import context from '../../context';
+import { DIFF_VIEWER } from '../constants';
 import '../../assets/css/diff-viewer.css';
 const DiffViewer = _ref => {
   let {
@@ -9,6 +12,8 @@ const DiffViewer = _ref => {
     lastContent,
     didMountCallback
   } = _ref;
+  const editor = withNodeId(createDefaultEditor());
+  editor.editorType = DIFF_VIEWER;
   context.initApi();
   const diff = getDiff(currentContent, lastContent);
   useEffect(() => {
@@ -22,7 +27,8 @@ const DiffViewer = _ref => {
     },
     showToolbar: false,
     showOutline: false,
-    showComment: false
+    showComment: false,
+    editor: editor
   });
 };
 export default DiffViewer;

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

@@ -7,6 +7,7 @@ import { EXTERNAL_EVENT } from '../../constants';
 import context from '../../context';
 import { INTERNAL_EVENT } from '../../basic-sdk/constants';
 import MenuShortcutPrompt from '../../basic-sdk/extension/commons/menu-shortcut-indicator';
+import { isMac } from '../../utils';
 const MoreOperations = _ref => {
   let {
     t
@@ -56,8 +57,6 @@ const MoreOperations = _ref => {
     window.location.href = historyURL;
   }, [docPerm, historyURL, isSdocRevision]);
   const printShortCutTexts = useMemo(() => {
-    // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
-    const isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
     const printTexts = isMac ? ['⌘', 'P'] : ['Ctrl', 'P'];
     return printTexts;
   }, []);

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

@@ -33,7 +33,6 @@ const RevisionOperations = _ref => {
     loadDocument
   } = useDocument();
   useEffect(() => {
-    return;
     if (!isSdocRevision) return;
     if (isShowChanges) return;
     if (isPublished) return;

package/package.json

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

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

@@ -456,5 +456,9 @@
   "Print": "Print",
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -456,5 +456,9 @@
   "Print": "Drucken",
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -457,5 +457,8 @@
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
   "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
-  "Fit_table_to_page_width": "Fit table to page width"
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -456,5 +456,9 @@
   "Print": "Print",
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -456,5 +456,9 @@
   "Print": "Imprimer",
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -456,5 +456,9 @@
   "Print": "Print",
   "Enter_more_character_start_search": "Enter more characters to start search",
   "Create_file_name_sdoc": "Create {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?",
+  "Fit_table_to_page_width": "Fit table to page width",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -456,5 +456,9 @@
   "Print": "Печать",
   "Enter_more_character_start_search": "Введите больше символов, чтобы начать поиск",
   "Create_file_name_sdoc": "Создать {{file_name_sdoc}}",
-  "Source_document_changed_tip": "Original document has concurrent modifications. Do you like to merge these modifications to the revision?"
+  "Source_document_changed_tip": "Исходный документ имеет параллельные изменения. Хотите объединить эти изменения в ревизию?",
+  "Fit_table_to_page_width": "Подогнать таблицу по ширине страницы",
+  "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
+  "Vertical_align": "Vertical alignment",
+  "Horizontal_align": "Horizontal alignment"
 }

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

@@ -457,5 +457,8 @@
   "Enter_more_character_start_search": "输入更多字符开始搜索",
   "Create_file_name_sdoc": "新建 {{file_name_sdoc}}",
   "Source_document_changed_tip": "源文档有并发的改动。你需要合并这些改动到修订稿吗?",
-  "Fit_table_to_page_width": "自动适应页面宽度"
+  "Fit_table_to_page_width": "自动适应页面宽度",
+  "Enter_text_or_press_forward_slash_to_insert_element": "输入文本或按下 '/' 插入元素",
+  "Vertical_align": "垂直对齐",
+  "Horizontal_align": "水平对齐"
 }

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

@@ -1,7 +0,0 @@
-import { ELEMENT_TYPE } from '../../constants';
-import { renderGroup } from './render-elem';
-const GroupPlugin = {
-  type: ELEMENT_TYPE.GROUP,
-  renderElements: [renderGroup]
-};
-export default GroupPlugin;

package/dist/basic-sdk/extension/plugins/group/render-elem.js

@@ -1,17 +0,0 @@
-import React from 'react';
-const Group = _ref => {
-  let {
-    element,
-    attributes,
-    children,
-    className
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id
-  }, attributes, {
-    className: className
-  }), children);
-};
-export const renderGroup = props => {
-  return /*#__PURE__*/React.createElement(Group, props);
-};

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-text-align-menu.js

@@ -1,44 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import CommonMenu from './common-menu';
-import { setCellStyle } from '../../helpers';
-import { TABLE_CELL_STYLE } from '../../constants';
-const CellTextAlignMenu = _ref => {
-  let {
-    editor,
-    readonly
-  } = _ref;
-  const textAlignRef = useRef(null);
-  const {
-    t
-  } = useTranslation();
-  const setTextAlignStyle = useCallback(textAlign => {
-    if (readonly) return;
-    setCellStyle(editor, {
-      [TABLE_CELL_STYLE.TEXT_ALIGN]: textAlign
-    });
-    textAlignRef.current && textAlignRef.current.hidePopover();
-  }, [editor, readonly]);
-  return /*#__PURE__*/React.createElement(CommonMenu, {
-    id: "text-align",
-    iconClass: "sdocfont sdoc-align-left",
-    ref: textAlignRef,
-    disabled: readonly
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setTextAlignStyle('left')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-align-left mr-2"
-  }), t('Left')), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setTextAlignStyle('center')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-align-center mr-2"
-  }), t('Center')), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setTextAlignStyle('right')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-align-right mr-2"
-  }), t('Right')));
-};
-export default CellTextAlignMenu;

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/column-vertical-alignment-menu.js

@@ -1,49 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import CommonMenu from './common-menu';
-import { setCellStyle } from '../../helpers';
-import { TABLE_CELL_STYLE } from '../../constants';
-import KebabToCamel from '../../../../../utils/Kebab-to-camel';
-import { focusEditor } from '../../../../core';
-const ColumnVerticalAlignmentMenu = _ref => {
-  let {
-    editor,
-    readonly
-  } = _ref;
-  const textAlignRef = useRef(null);
-  const {
-    t
-  } = useTranslation();
-  const setVerticalAlignStyle = useCallback(position => {
-    if (readonly) return;
-    const alignItems = KebabToCamel(TABLE_CELL_STYLE.ALIGN_ITEMS);
-    setCellStyle(editor, {
-      [alignItems]: position
-    });
-    const focusPoint = editor.selection.focus;
-    focusEditor(editor, focusPoint);
-    textAlignRef.current && textAlignRef.current.hidePopover();
-  }, [editor, readonly]);
-  return /*#__PURE__*/React.createElement(CommonMenu, {
-    id: "vertical-align",
-    iconClass: "sdocfont sdoc-top-alignment",
-    ref: textAlignRef,
-    disabled: readonly
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setVerticalAlignStyle('flex-start')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-top-alignment mr-2"
-  }), t('Top_align')), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setVerticalAlignStyle('center')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-center-alignment mr-2"
-  }), t('Center_align')), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: () => setVerticalAlignStyle('flex-end')
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdocfont sdoc-bottom-alignment mr-2"
-  }), t('Bottom_align')));
-};
-export default ColumnVerticalAlignmentMenu;