@seafile/sdoc-editor 0.1.157 → 0.1.159-beta10

package/dist/api/seafile-api.js

@@ -3,7 +3,12 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import axios from 'axios';
 var SeafileAPI = /*#__PURE__*/function () {
   function SeafileAPI(server, token) {
+    var _this = this;
     _classCallCheck(this, SeafileAPI);
+    this.deleteSdocRevision = function (docUuid) {
+      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+      return _this.req.delete(url);
+    };
     this.req = axios.create({
       baseURL: server,
       headers: {
@@ -46,12 +51,6 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
       return this.req.get(url);
     }
-  }, {
-    key: "sdocPublishRevision",
-    value: function sdocPublishRevision(docUuid) {
-      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
-      return this.req.post(url);
-    }
   }, {
     key: "startRevise",
     value: function startRevise(repoID, fileUuid, path) {
@@ -63,9 +62,9 @@ var SeafileAPI = /*#__PURE__*/function () {
       return this._sendPostRequest(url, form);
     }
   }, {
-    key: "getSeadocRevisionDownloadLinks",
-    value: function getSeadocRevisionDownloadLinks(docUuid) {
-      var url = '/api/v2.1/seadoc/revision/download-links/' + docUuid + '/';
+    key: "getSeadocOriginFileContent",
+    value: function getSeadocOriginFileContent(docUuid) {
+      var url = '/api/v2.1/seadoc/revision/origin-file-content/' + docUuid + '/';
       return this.req.get(url);
     }
   }, {
@@ -81,6 +80,26 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
       return this.req.get(url);
     }
+  }, {
+    key: "publishRevision",
+    value: function publishRevision(docUuid) {
+      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
+      return this._sendPostRequest(url);
+    }
+  }, {
+    key: "updateSdocRevision",
+    value: function updateSdocRevision(docUuid) {
+      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+      return this.req.put(url);
+    }
+  }, {
+    key: "getRevisionBasicVersionContent",
+    value: function getRevisionBasicVersionContent(docUuid) {
+      var url = 'api/v2.1/seadoc/revision/basic-version-content/' + docUuid + '/';
+      return this.req.get(url);
+    }
+
+    // local files
   }, {
     key: "getSdocFiles",
     value: function getSdocFiles(docUuid, p, type) {

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

@@ -6,4 +6,28 @@ export var INTERNAL_EVENT = {
   INSERT_ELEMENT: 'insert_element',
   OUTLINE_STATE_CHANGED: 'outline_state_changed'
 };
-export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
+
+export var MODIFY_TYPE = {
+  ADD: 'add',
+  DELETE: 'delete',
+  MODIFY: 'modify',
+  CHILDREN_MODIFY: 'children_modify'
+};
+export var REBASE_TYPE = {
+  MODIFY_MODIFY: 'modify_modify',
+  DELETE_MODIFY: 'delete_modify',
+  MODIFY_DELETE: 'modify_delete',
+  CHILDREN_MODIFY: 'children_modify'
+};
+export var REBASE_MARK_KEY = {
+  ORIGIN: 'origin',
+  REBASE_TYPE: 'rebase_type',
+  MODIFY_TYPE: 'modify_type',
+  OLD_ELEMENT: 'old_element'
+};
+export var REBASE_ORIGIN = {
+  OTHER: 'other',
+  MY: 'my'
+};
+export var REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];

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

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect } from 'react';
+import { Editor } from '@seafile/slate';
+import { focusEditor } from '../extension/core';
+import { EditorContainer, EditorContent } from '../layout';
+import SlateEditor from './slate-editor';
+import InsertElementDialog from '../extension/commons/insert-element-dialog';
+var CommonEditor = function CommonEditor(_ref) {
+  var slateValue = _ref.slateValue,
+    updateSlateValue = _ref.updateSlateValue,
+    editor = _ref.editor,
+    renderElement = _ref.renderElement;
+  // useMount: focus editor
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      var _editor$children = _slicedToArray(editor.children, 1),
+        firstNode = _editor$children[0];
+      if (firstNode) {
+        var _firstNode$children = _slicedToArray(firstNode.children, 1),
+          firstNodeFirstChild = _firstNode$children[0];
+        if (firstNodeFirstChild) {
+          var endOfFirstNode = Editor.end(editor, [0, 0]);
+          var range = {
+            anchor: endOfFirstNode,
+            focus: endOfFirstNode
+          };
+          focusEditor(editor, range);
+        }
+      }
+    }, 300);
+    return function () {
+      clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: editor
+  }, /*#__PURE__*/React.createElement(EditorContent, {
+    docValue: slateValue,
+    showOutline: true
+  }, /*#__PURE__*/React.createElement(SlateEditor, {
+    editor: editor,
+    slateValue: slateValue,
+    setSlateValue: updateSlateValue,
+    renderElement: renderElement
+  }))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+    editor: editor
+  }));
+};
+export default CommonEditor;

package/dist/basic-sdk/editor/index.css

@@ -0,0 +1,29 @@
+.sdoc-rebase-btn-group {
+  color: #aaa;
+}
+
+.sdoc-rebase-btn-group .sdoc-rebase-btn {
+  cursor: pointer;
+}
+
+.sdoc-rebase-current-changes-start {
+  background-color: rgb(202, 232, 254);
+}
+
+.sdoc-rebase-current-changes {
+  background-color: rgba(202, 232, 254, .8);
+}
+
+.sdoc-rebase-incoming-changes {
+  background-color: rgb(222, 232, 254);
+}
+
+.sdoc-rebase-incoming-changes > *:first-child,
+.sdoc-rebase-current-changes > *:first-child {
+  margin: 0;
+  padding: 0.8em 0 0.8em 0.2em;
+}
+
+.sdoc-rebase-incoming-changes-end {
+  background-color: rgb(212, 212, 254);
+}

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

@@ -0,0 +1,132 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useMemo, useEffect, useState, useCallback, useImperativeHandle, forwardRef } from 'react';
+import deepCopy from 'deep-copy';
+import { createDefaultEditor, renderElement } from '../extension';
+import { withSocketIO } from '../socket';
+import withNodeId from '../node-id';
+import { PAGE_EDIT_AREA_WIDTH } from '../constants';
+import { MODE } from '../../constants';
+import DiffViewer from '../views/diff-viewer';
+import SDocEditor from './common-editor';
+import CommonLoading from '../../components/common-loading';
+import context from '../../context';
+import './index.css';
+var Editor = forwardRef(function (_ref, ref) {
+  var mode = _ref.mode,
+    document = _ref.document,
+    setDiffChanges = _ref.setDiffChanges;
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    var editorConfig = context.getEditorConfig();
+    defaultEditor.mode = MODE.EDITOR;
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: editorConfig
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    return newEditor;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useState = useState(document.children),
+    _useState2 = _slicedToArray(_useState, 2),
+    slateValue = _useState2[0],
+    _setSlateValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    _setLoading = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    diffContent = _useState6[0],
+    _setDiffContent = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentContent = _useState8[0],
+    setCurrentContent = _useState8[1];
+
+  // useMount: init socket connection
+  useEffect(function () {
+    editor.openConnection();
+    return function () {
+      editor.closeConnection();
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var updateSlateValue = useCallback(function (value) {
+    _setSlateValue(value);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // The parent component can call the method of this component through ref
+  useImperativeHandle(ref, function () {
+    return {
+      // set value
+      setLoading: function setLoading(isLoading) {
+        _setLoading(isLoading);
+      },
+      setDiffContent: function setDiffContent(content) {
+        setCurrentContent(deepCopy(_objectSpread(_objectSpread({}, document), {}, {
+          children: slateValue
+        })));
+        _setDiffContent(content);
+      },
+      setEditorMode: function setEditorMode(mode) {
+        editor.cursors = {};
+        editor.selection = null;
+        if (mode === MODE.EDITOR) {
+          editor.operations = [];
+        }
+        editor.mode = mode;
+      },
+      setSlateValue: function setSlateValue(document) {
+        _setSlateValue(document.children);
+      },
+      // get value
+      getSlateValue: function getSlateValue() {
+        return deepCopy(_objectSpread(_objectSpread({}, document), {}, {
+          children: slateValue
+        }));
+      },
+      saveDocument: function saveDocument(callback) {
+        return editor.saveDocument(callback);
+      },
+      // send message
+      publishDocument: function publishDocument(originDocUuid, originDocName, callback) {
+        editor.publishDocument(originDocUuid, originDocName, callback);
+      },
+      replaceDocument: function replaceDocument(value, originFileVersion) {
+        editor.replaceDocument(value, originFileVersion);
+      }
+
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+  }, [document, editor, slateValue]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "h-100 w-100 d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement(CommonLoading, null));
+  }
+  if (mode === MODE.DIFF_VIEWER) {
+    return /*#__PURE__*/React.createElement(DiffViewer, {
+      showToolbar: true,
+      showOutline: true,
+      editor: editor,
+      currentContent: currentContent,
+      lastContent: diffContent,
+      didMountCallback: setDiffChanges
+    });
+  }
+  return /*#__PURE__*/React.createElement(SDocEditor, {
+    slateValue: slateValue,
+    editor: editor,
+    updateSlateValue: updateSlateValue,
+    renderElement: renderElement
+  });
+});
+export default Editor;

package/dist/basic-sdk/{slate-editor.js → editor/slate-editor.js}

@@ -1,22 +1,24 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from './extension';
-import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from './extension/core';
-import EventProxy from './utils/event-handler';
-import { useCursors } from './cursor/use-cursors';
-import { INTERNAL_EVENT } from './constants';
-import { SetNodeToDecorations } from './highlight-decorate/setNodeToDecorations';
-import CommentContextProvider from './comment/comment-context-provider';
-import CommentWrapper from './comment';
-import { usePipDecorate } from './decorates';
-import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
-import EventBus from './utils/event-bus';
-import { ArticleContainer } from './layout';
-import { useScrollContext } from './hooks/use-scroll-context';
+import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
+import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
+import EventProxy from '../utils/event-handler';
+import { useCursors } from '../cursor/use-cursors';
+import { INTERNAL_EVENT } from '../constants';
+import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
+import CommentContextProvider from '../comment/comment-context-provider';
+import CommentWrapper from '../comment';
+import { usePipDecorate } from '../decorates';
+import { getCursorPosition, getDomHeight, getDomMarginTop } from '../utils/dom-utils';
+import EventBus from '../utils/event-bus';
+import { ArticleContainer } from '../layout';
+import { useScrollContext } from '../hooks/use-scroll-context';
 var SlateEditor = function SlateEditor(_ref) {
   var editor = _ref.editor,
     setSlateValue = _ref.setSlateValue,
-    slateValue = _ref.slateValue;
+    slateValue = _ref.slateValue,
+    customRenderElement = _ref.renderElement,
+    isShowComment = _ref.isShowComment;
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
   var decorate = usePipDecorate(editor);
@@ -138,12 +140,15 @@ var SlateEditor = function SlateEditor(_ref) {
     editor: editor
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextToolbar, null), /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     cursors: cursors,
-    renderElement: renderElement,
+    renderElement: customRenderElement || renderElement,
     renderLeaf: renderLeaf,
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     decorate: decorate,
     onCut: eventProxy.onCut
-  })), /*#__PURE__*/React.createElement(SideToolbar, null), /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
+  })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
+};
+SlateEditor.defaultProps = {
+  isShowComment: true
 };
 export default SlateEditor;

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

@@ -10,16 +10,21 @@ export var HEADER5 = 'header5';
 export var HEADER6 = 'header6';
 export var ORDERED_LIST = 'ordered_list';
 export var UNORDERED_LIST = 'unordered_list';
-export var LIST_ITEM = 'list-item';
-export var LIST_LIC = 'list-lic'; // placeholder
-export var CHECK_LIST_ITEM = 'check-list-item';
+export var LIST_ITEM = 'list_item';
+export var LIST_LIC = 'list_lic'; // placeholder
+export var CHECK_LIST_ITEM = 'check_list_item';
 export var PARAGRAPH = 'paragraph';
-export var CODE_BLOCK = 'code-block';
-export var CODE_LINE = 'code-line';
+export var CODE_BLOCK = 'code_block';
+export var CODE_LINE = 'code_line';
 export var TABLE = 'table';
-export var TABLE_ROW = 'table-row';
-export var TABLE_CELL = 'table-cell';
+export var TABLE_ROW = 'table_row';
+export var TABLE_CELL = 'table_cell';
 export var LINK = 'link';
-export var SDOC_LINK = 'sdoc-link';
+export var SDOC_LINK = 'sdoc_link';
 export var FILE_LINK = 'file_link';
-export var IMAGE = 'image';
+export var IMAGE = 'image';
+
+// font
+export var FONT_SIZE = 'font-size';
+export var FONT_SIZE_INCREASE = 'font-size-increase';
+export var FONT_SIZE_REDUCE = 'font-size-reduce';

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -8,18 +8,12 @@ export var CLEAR_FORMAT = 'clear_format';
 export var REMOVE_TABLE = 'remove_table';
 
 // text style
+export var TEXT_STYLE = 'text_style';
 var ITALIC = 'italic';
 var BOLD = 'bold';
 var UNDERLINE = 'underline';
-var HIGHLIGHT_COLOR = 'highlight-color';
+var HIGHLIGHT_COLOR = 'highlight_color';
 var COLOR = 'color';
-export var TEXT_STYLE = 'text_style';
-export var TEXT_STYLE_MAP = {
-  ITALIC: ITALIC,
-  BOLD: BOLD,
-  BOLD_ITALIC: "".concat(BOLD, "-").concat(ITALIC),
-  COLOR: COLOR
-};
 
 // text-align
 export var TEXT_ALIGN = 'text_align';
@@ -33,6 +27,23 @@ var SUBSCRIPT = 'subscript';
 // const FONT_SIZE_INCREASE = 'font-size-increase';
 // const FONT_SIZE_REDUCE = 'font-size-reduce';
 
+export var TEXT_STYLE_MAP = {
+  COLOR: COLOR,
+  HIGHLIGHT_COLOR: HIGHLIGHT_COLOR,
+  FONT_SIZE: 'font_size',
+  FONT: 'font',
+  BOLD: BOLD,
+  ITALIC: ITALIC,
+  BOLD_ITALIC: "".concat(BOLD, "_").concat(ITALIC),
+  UNDERLINE: UNDERLINE,
+  STRIKETHROUGH: STRIKETHROUGH,
+  SUPERSCRIPT: SUPERSCRIPT,
+  SUBSCRIPT: SUBSCRIPT,
+  CODE: 'code',
+  DELETE: 'delete',
+  ADD: 'add'
+};
+
 // header menu config
 export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {
   id: "sdoc_".concat(BLOCKQUOTE),
@@ -74,22 +85,22 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: ITALIC,
   iconClass: 'sdocfont sdoc-italic',
   text: 'Italic',
-  type: 'ITALIC'
+  type: TEXT_STYLE_MAP.ITALIC
 }, {
   id: BOLD,
   iconClass: 'sdocfont sdoc-bold',
   text: 'Bold',
-  type: 'BOLD'
+  type: TEXT_STYLE_MAP.BOLD
 }, {
   id: UNDERLINE,
   iconClass: 'sdocfont sdoc-underline',
   text: 'Underline',
-  type: 'UNDERLINE'
+  type: TEXT_STYLE_MAP.UNDERLINE
 }, {
   id: "sdoc-".concat(HIGHLIGHT_COLOR),
   iconClass: 'sdocfont sdoc-highlight-color',
   text: 'Highlight_color',
-  type: HIGHLIGHT_COLOR,
+  type: TEXT_STYLE_MAP.HIGHLIGHT_COLOR,
   isColor: true,
   recentUsedColorsKey: RECENT_USED_HIGHLIGHT_COLORS_KEY,
   defaultLastUsedColor: DEFAULT_LAST_USED_HIGHLIGHT_COLOR
@@ -97,7 +108,7 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: "sdoc-font-".concat(COLOR),
   iconClass: 'sdocfont sdoc-font-color',
   text: 'Font_color',
-  type: COLOR,
+  type: TEXT_STYLE_MAP.COLOR,
   defaultColor: DEFAULT_FONT_COLOR,
   isColor: true,
   recentUsedColorsKey: RECENT_USED_FONT_COLORS_KEY,
@@ -108,17 +119,17 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: STRIKETHROUGH,
   iconClass: 'sdocfont sdoc-strikethrough',
   text: 'Strikethrough',
-  type: 'STRIKETHROUGH'
+  type: TEXT_STYLE_MAP.STRIKETHROUGH
 }, {
   id: SUPERSCRIPT,
   iconClass: 'sdocfont sdoc-subscripts',
   text: 'Superscript',
-  type: 'SUPERSCRIPT'
+  type: TEXT_STYLE_MAP.SUPERSCRIPT
 }, {
   id: SUBSCRIPT,
   iconClass: 'sdocfont sdoc-subscripts',
   text: 'Subscript',
-  type: 'SUBSCRIPT'
+  type: TEXT_STYLE_MAP.SUBSCRIPT
 }]), _defineProperty(_MENUS_CONFIG_MAP, TEXT_ALIGN, [{
   id: ALIGN_LEFT,
   iconClass: 'sdocfont sdoc-align-left',

package/dist/basic-sdk/extension/core/transforms/replace-node-children.js

@@ -12,4 +12,30 @@ export var replaceNodeChildren = function replaceNodeChildren(editor, _ref) {
       at: at.concat([0])
     }));
   });
+};
+export var replaceNode = function replaceNode(editor) {
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    at = _ref2.at,
+    nodes = _ref2.nodes,
+    insertOptions = _ref2.insertOptions,
+    removeOptions = _ref2.removeOptions;
+  Editor.withoutNormalizing(editor, function () {
+    Transforms.removeNodes(editor, _objectSpread({
+      at: at
+    }, removeOptions));
+    Transforms.insertNodes(editor, nodes, _objectSpread(_objectSpread({}, insertOptions), {}, {
+      at: at
+    }));
+  });
+};
+export var deleteNodeMark = function deleteNodeMark(editor, path, element) {
+  var marks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var newElement = _objectSpread({}, element);
+  marks.forEach(function (markItem) {
+    newElement[markItem] && delete newElement[markItem];
+  });
+  replaceNode(editor, {
+    at: path,
+    nodes: newElement
+  });
 };

package/dist/basic-sdk/extension/plugins/file-link/render-elem.css

@@ -33,6 +33,10 @@
   position: absolute;
   top: 16px;
   left: 42px;
+  width: 330px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .sdoc-file-card-link .sdoc-file-text-link a {

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

@@ -2,8 +2,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import classnames from 'classnames';
-import { Range } from '@seafile/slate';
-import { useReadOnly } from '@seafile/slate-react';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { unwrapLinkNode, getUrl } from './helpers';
 import HoverMenu from './hover-menu';
@@ -25,7 +23,6 @@ var FileLink = function FileLink(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     menuPosition = _useState4[0],
     setMenuPosition = _useState4[1];
-  var readOnly = useReadOnly();
   var registerEventHandle = useCallback(function () {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -125,7 +122,7 @@ var FileLink = function FileLink(_ref) {
       e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && (!readOnly && Range.isCollapsed(editor.selection) || readOnly) && /*#__PURE__*/React.createElement(HoverMenu, {
+  }, children))), isShowInsertHoverMenu && /*#__PURE__*/React.createElement(HoverMenu, {
     editor: editor,
     menuPosition: menuPosition,
     element: element,

package/dist/basic-sdk/extension/plugins/font/helpers.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element } from '@seafile/slate';
-import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE } from '../../constants';
+import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE, TEXT_STYLE_MAP } from '../../constants';
 import { focusEditor, getParentNode } from '../../core';
 import context from '../../../../context';
 import { isMac } from '../../../../utils';
@@ -28,13 +28,15 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
 export var getFontSize = function getFontSize(editor) {
   var selection = editor.selection;
   var marks = Editor.marks(editor);
-  if (marks && marks['font-size']) return marks['font-size'];
+  if (marks && marks[TEXT_STYLE_MAP.FONT_SIZE]) {
+    return marks[TEXT_STYLE_MAP.FONT_SIZE];
+  }
   if (!selection) return SDOC_FONT_SIZE.DEFAULT;
   var _Editor$nodes3 = Editor.nodes(editor, {
       at: Editor.unhangRange(editor, selection),
       match: function match(n) {
         if (!Editor.isEditor(n) && !Element.isElement(n)) {
-          if (n['font-size']) return true;
+          if (n[TEXT_STYLE_MAP.FONT_SIZE]) return true;
           var _parentNode = getParentNode(editor.children, n.id);
           if (!_parentNode) return false;
           if ([TITLE, SUBTITLE].concat(_toConsumableArray(HEADERS), [CODE_LINE]).includes(_parentNode.type)) {
@@ -48,14 +50,16 @@ export var getFontSize = function getFontSize(editor) {
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
   if (!match) return SDOC_FONT_SIZE.DEFAULT;
-  // has font-size attrubute
+  // has font-size attribute
   var matched = match[0];
-  if (matched['font-size']) return matched['font-size'];
+  if (matched[TEXT_STYLE_MAP.FONT_SIZE]) {
+    return matched[TEXT_STYLE_MAP.FONT_SIZE];
+  }
   var parentNode = getParentNode(editor.children, matched.id);
   return SDOC_FONT_SIZE[parentNode.type];
 };
 export var setFontSize = function setFontSize(editor, value) {
-  Editor.addMark(editor, 'font-size', value);
+  Editor.addMark(editor, TEXT_STYLE_MAP.FONT_SIZE, value);
   focusEditor(editor);
 };
 export var scaleFontSize = function scaleFontSize(editor, type) {
@@ -77,7 +81,9 @@ export var scaleFontSize = function scaleFontSize(editor, type) {
 export var getFont = function getFont(editor) {
   var selection = editor.selection;
   var marks = Editor.marks(editor);
-  if (marks && marks['font']) return marks['font'];
+  if (marks && marks[TEXT_STYLE_MAP.FONT]) {
+    return marks[TEXT_STYLE_MAP.FONT];
+  }
   if (!selection) return DEFAULT_FONT;
   var _Editor$nodes5 = Editor.nodes(editor, {
       at: Editor.unhangRange(editor, selection),
@@ -88,10 +94,10 @@ export var getFont = function getFont(editor) {
     _Editor$nodes6 = _slicedToArray(_Editor$nodes5, 1),
     match = _Editor$nodes6[0];
   if (!match) return DEFAULT_FONT;
-  return match[0]['font'];
+  return match[0][TEXT_STYLE_MAP.FONT];
 };
 export var setFont = function setFont(editor, value) {
-  Editor.addMark(editor, 'font', value);
+  Editor.addMark(editor, TEXT_STYLE_MAP.FONT, value);
   focusEditor(editor);
 };
 export var hasFontLoaded = function hasFontLoaded() {
@@ -126,9 +132,7 @@ export var loadFont = function loadFont() {
   fontLink.className = GOOGLE_FONT_CLASS;
   document.body.appendChild(fontLink);
 };
-export var generatorFontFamily = function generatorFontFamily(fontName, fontWeight, leaf) {
-  var isCodeBlock = leaf && Object.keys(leaf).includes('token');
-  if (isCodeBlock) return '';
+export var generatorFontFamily = function generatorFontFamily(fontName, fontWeight) {
   var lang = context.getSetting('lang') || 'zh-cn';
   if (fontName === DEFAULT_FONT) {
     return "'Arial', ".concat(lang === 'zh-cn' ? "\u5B8B\u4F53" : 'Arial', ", 'sans-serif'");