@seafile/sdoc-editor 0.5.67 → 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/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/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

@@ -6,6 +6,7 @@ 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:
       {

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.67",
+  "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/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;