@seafile/sdoc-editor 0.1.154 → 0.1.156

package/dist/basic-sdk/comment/comment-decorate.js

@@ -23,7 +23,7 @@ export var commentDecorate = function commentDecorate(editor) {
         }
       };
       // rgba prevents occlusion of the cursor
-      decoration['computed_bg_color'] = 'rgba(129, 237, 247, 0.5)';
+      decoration['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
       decoration['comment_count'] = unresolvedComments === null || unresolvedComments === void 0 ? void 0 : unresolvedComments.length;
       decorations.push(decoration);
     }

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

@@ -268,9 +268,9 @@ export var DEFAULT_FONT_COLOR = '#333333';
 // default last used color
 export var DEFAULT_LAST_USED_FONT_COLOR = '#FFFF00';
 export var DEFAULT_LAST_USED_HIGHLIGHT_COLOR = '#FF0000';
-export var DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR = '#FF0000';
+export var DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR = '#FF0000';
 
 // recent used colors key
 export var RECENT_USED_HIGHLIGHT_COLORS_KEY = 'sdoc-recent-used-highlight-colors';
 export var RECENT_USED_FONT_COLORS_KEY = 'sdoc-recent-used-font-colors';
-export var RECENT_USED_TABLE_CELL_BG_COLORS_KEY = 'sdoc-recent-used-bg-colors';
+export var RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY = 'sdoc-recent-used-bg-colors';

package/dist/basic-sdk/extension/constants/diff-view.js

@@ -5,10 +5,10 @@ export var DIFF_TYPE = {
   COMMON: 'common'
 };
 export var DELETED_STYLE = {
-  computed_bg_color: '#ffeef0',
+  computed_background_color: '#ffeef0',
   color: 'rgb(165, 32, 21)'
 };
 export var ADDED_STYLE = {
-  computed_bg_color: '#e6ffed',
+  computed_background_color: '#e6ffed',
   color: 'rgb(137, 181, 66)'
 };

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

@@ -9,7 +9,7 @@ export var HEADER4 = 'header4';
 export var HEADER5 = 'header5';
 export var HEADER6 = 'header6';
 export var ORDERED_LIST = 'ordered_list';
-export var UNORDERED_LIST = 'unordered_list'; // unordered_list can not work
+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';

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

@@ -3,14 +3,13 @@ var _HEADER_TITLE_MAP;
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE } 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_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from './color';
+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';
 export { KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS } from './keyboard';
-export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, BG_COLOR, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
+export { UNDO, REDO, TEXT_STYLE, TEXT_STYLE_MAP, TEXT_STYLE_MORE, TEXT_ALIGN, REMOVE_TABLE, CLEAR_FORMAT, MENUS_CONFIG_MAP, SIDE_MENUS_CONFIG } from './menus-config';
 export var HEADERS = [HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6];
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, TITLE, 'Title'), _defineProperty(_HEADER_TITLE_MAP, SUBTITLE, 'Subtitle'), _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'Header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'Header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'Header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'Header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'Header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'Header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'Paragraph'), _HEADER_TITLE_MAP);
-export var LIST_TYPE_ARRAY = ['unordered_list', 'ordered_list'];
 export var TRANSPARENT = 'transparent';
 export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
 export var INSERT_FILE_DISPLAY_TYPE = ['text_link', 'icon_link', 'card_link'];
@@ -20,6 +19,8 @@ export var INSERT_POSITION = {
   AFTER: 'after'
 };
 export var LOCAL_IMAGE = 'local-image';
-export var LIST_ITEM_CORRELATION_TYPE = ['unordered_list', 'ordered_list', 'list-item'];
-export var LIST_ITEM_SUPPORTED_TRANSFORMATION = ['unordered_list', 'ordered_list', 'left', 'center', 'right', 'blockquote'];
+export var LIST_TYPE_ARRAY = [UNORDERED_LIST, ORDERED_LIST];
+export var LIST_ITEM_CORRELATION_TYPE = [UNORDERED_LIST, ORDERED_LIST, LIST_ITEM];
+export var LIST_ITEM_SUPPORTED_TRANSFORMATION = [UNORDERED_LIST, ORDERED_LIST, 'left', 'center', 'right', BLOCKQUOTE];
+export var ADD_POSITION_OFFSET_TYPE = [PARAGRAPH, SUBTITLE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CHECK_LIST_ITEM];
 export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE };

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

@@ -6,7 +6,6 @@ export var UNDO = 'undo';
 export var REDO = 'redo';
 export var CLEAR_FORMAT = 'clear_format';
 export var REMOVE_TABLE = 'remove_table';
-export var BG_COLOR = 'bg_color';
 
 // text style
 var ITALIC = 'italic';
@@ -142,10 +141,6 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   iconClass: 'sdocfont sdoc-redo',
   text: 'Redo',
   type: 'redo'
-}), _defineProperty(_MENUS_CONFIG_MAP, BG_COLOR, {
-  id: "sdoc_".concat(BG_COLOR),
-  iconClass: 'sdocfont sdoc-bg-color',
-  text: 'Background_color'
 }), _defineProperty(_MENUS_CONFIG_MAP, CLEAR_FORMAT, {
   id: "sdoc_".concat(CLEAR_FORMAT),
   iconClass: 'sdocfont sdoc-format-clear',

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Transforms, Element } from '@seafile/slate';
 import slugid from 'slugid';
-import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST } from '../../constants';
 import { focusEditor, getNodeType } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -11,8 +11,8 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
         var type = getNodeType(n);
 
         // Only available for p and blockquote
-        if (type === 'paragraph') return true;
-        if (type === 'blockquote') return true;
+        if (type === PARAGRAPH) return true;
+        if (type === BLOCKQUOTE) return true;
         if (type === UNORDERED_LIST) return true;
         if (type === ORDERED_LIST) return true;
         if (type === CHECK_LIST_ITEM) return true;
@@ -42,7 +42,7 @@ export var getBlockQuoteType = function getBlockQuoteType(editor) {
     }),
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -114,7 +114,7 @@ export var changeToPlainText = function changeToPlainText(editor) {
   var pList = str.split('\n').map(function (s) {
     return {
       id: elem.id,
-      type: 'paragraph',
+      type: PARAGRAPH,
       children: [{
         text: s,
         id: slugid.nice()

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -102,7 +102,7 @@ var withCodeBlock = function withCodeBlock(editor) {
     var type = getNodeType(node);
     if (type === CODE_LINE && path.length <= 1) {
       Transforms.setNodes(newEditor, {
-        type: 'paragraph'
+        type: PARAGRAPH
       }, {
         at: path
       });
@@ -126,19 +126,19 @@ var withCodeBlock = function withCodeBlock(editor) {
       }
 
       // There must be a code node below code-block
-      if (getNodeType(node.children[0]) !== 'code-line') {
+      if (getNodeType(node.children[0]) !== CODE_LINE) {
         Transforms.unwrapNodes(newEditor);
         Transforms.setNodes(newEditor, {
-          type: 'paragraph'
+          type: PARAGRAPH
         }, {
           mode: 'highest'
         });
       }
       if (node.children.length > 1) {
         node.children.forEach(function (child, index) {
-          if (child.type !== 'code-line') {
+          if (child.type !== CODE_LINE) {
             Transforms.setNodes(newEditor, {
-              type: 'code-line'
+              type: CODE_LINE
             }, {
               at: [].concat(_toConsumableArray(path), [index])
             });

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

@@ -98,8 +98,8 @@ var FileLink = function FileLink(_ref) {
   } else if (element.DELETE) {
     style = _objectSpread({}, DELETED_STYLE);
   }
-  if (style.computed_bg_color) {
-    style['backgroundColor'] = style.computed_bg_color;
+  if (style.computed_background_color) {
+    style['backgroundColor'] = style.computed_background_color;
   }
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,

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

@@ -37,7 +37,6 @@ export var getFontSize = function getFontSize(editor) {
           if (n['font-size']) return true;
           var _parentNode = getParentNode(editor.children, n.id);
           if (!_parentNode) return false;
-          // title | subtitle | header | code-line
           if ([TITLE, SUBTITLE].concat(_toConsumableArray(HEADERS), [CODE_LINE]).includes(_parentNode.type)) {
             return true;
           }
@@ -52,8 +51,6 @@ export var getFontSize = function getFontSize(editor) {
   // has font-size attrubute
   var matched = match[0];
   if (matched['font-size']) return matched['font-size'];
-
-  // title | subtitle | header | code-line
   var parentNode = getParentNode(editor.children, matched.id);
   return SDOC_FONT_SIZE[parentNode.type];
 };

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Transforms } from '@seafile/slate';
 import { getNodeType, isTextNode, getParentNode } from '../../core';
-import { ELEMENT_TYPE, SUBTITLE, TITLE } from '../../constants';
+import { ELEMENT_TYPE, HEADER, PARAGRAPH, SUBTITLE, TITLE } from '../../constants';
 export var isMenuDisabled = function isMenuDisabled(editor) {
   var readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (readonly) return true;
@@ -16,7 +16,7 @@ export var isMenuDisabled = function isMenuDisabled(editor) {
         if (type === ELEMENT_TYPE.CODE_LINE) return true;
         if (type === ELEMENT_TYPE.CODE_BLOCK) return true;
         if (type === ELEMENT_TYPE.PARAGRAPH) return true;
-        if (type.startsWith('header')) return true;
+        if (type.startsWith(HEADER)) return true;
         if (type === TITLE) return true;
         if (type === SUBTITLE) return true;
         return false;
@@ -32,7 +32,7 @@ export var getHeaderType = function getHeaderType(editor) {
   var _Editor$nodes3 = Editor.nodes(editor, {
       match: function match(n) {
         var nodeType = getNodeType(n);
-        if (nodeType.includes('header')) return true;
+        if (nodeType.includes(HEADER)) return true;
         if (nodeType === TITLE) return true;
         if (nodeType === SUBTITLE) return true;
         return false;
@@ -41,7 +41,7 @@ export var getHeaderType = function getHeaderType(editor) {
     }),
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

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

@@ -68,7 +68,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       return function () {
         var editor = _this.props.editor;
         var active = _this.isActive(type);
-        var newType = active ? 'paragraph' : type;
+        var newType = active ? PARAGRAPH : type;
         setHeaderType(editor, newType);
         _this.setState({
           isShowHeaderPopover: false

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element, Transforms, Node } from '@seafile/slate';
-import { PARAGRAPH, HEADERS, LIST_TYPE_ARRAY, TITLE, SUBTITLE } from '../../constants';
+import { PARAGRAPH, HEADERS, LIST_TYPE_ARRAY, TITLE, SUBTITLE, HEADER } from '../../constants';
 import { generateEmptyElement, getSelectedNodeByTypes } from '../../core';
 import { isMenuDisabled, setHeaderType } from './helpers';
 import isHotkey from 'is-hotkey';
@@ -23,7 +23,7 @@ var withHeader = function withHeader(editor) {
     var _Editor$nodes = Editor.nodes(newEditor, {
         match: function match(n) {
           if (!Element.isElement(n)) return false;
-          if (n.type.startsWith('header')) return true;
+          if (n.type.startsWith(HEADER)) return true;
           if (n.type === TITLE) return true;
           if (n.type === SUBTITLE) return true;
           return false;

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

@@ -5,7 +5,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 import { Editor, Transforms, Range, Path } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import slugid from 'slugid';
-import { ELEMENT_TYPE, INSERT_POSITION, LINK, LIST_ITEM } from '../../constants';
+import { CODE_BLOCK, CODE_LINE, ELEMENT_TYPE, INSERT_POSITION, LINK, LIST_ITEM, PARAGRAPH } from '../../constants';
 import { getNodeType, getSelectedElems, getAboveNode, getEditorString, replaceNodeChildren, generateEmptyElement } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -14,7 +14,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElems.some(function (elem) {
     var type = elem.type;
     if (editor.isVoid(elem)) return true;
-    if (['code-block', 'code-line', 'link'].includes(type)) return true;
+    if ([CODE_BLOCK, CODE_LINE, LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -49,7 +49,7 @@ export var getLinkType = function getLinkType(editor) {
     }),
     _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
     match = _Editor$nodes2[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import { Editor, Element } from '@seafile/slate';
-import { PARAGRAPH } from '../../constants';
+import { CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, PARAGRAPH, TABLE } from '../../constants';
 import { getSelectedNodeByType } from '../../core';
 import { toggleList } from './transforms';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
@@ -28,7 +28,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElements.some(function (element) {
     if (Editor.isVoid(editor, element) && Editor.isBlock(editor, element)) return true;
     var type = element.type;
-    if (['code-line', 'code-block', 'table', 'check-list-item'].includes(type)) return true;
+    if ([CODE_LINE, CODE_BLOCK, TABLE, CHECK_LIST_ITEM].includes(type)) return true;
     return false;
   });
   if (notMatch) return true;

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

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms, Range } from '@seafile/slate';
 import { toggleList } from '../list/transforms';
 import { getSelectedNodeByType } from '../../core';
-import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, TEXT_STYLE_MAP } from '../../constants';
+import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, TEXT_STYLE_MAP, PARAGRAPH } from '../../constants';
 var KEY_TO_TYPE_FOR_SPACE = {
   // Title shortcut
   '#': HEADER1,
@@ -61,7 +61,7 @@ var withMarkDown = function withMarkDown(editor) {
     var selection = editor.selection;
     if (selection == null) return insertText(text);
     if (Range.isExpanded(selection)) return insertText(text);
-    if (getSelectedNodeByType(editor, 'paragraph') == null) return insertText(text); // It must be in paragraph
+    if (getSelectedNodeByType(editor, PARAGRAPH) == null) return insertText(text); // It must be in paragraph
     if (text !== ' ') return insertText(text); // The value must be an input space
 
     // Gets the text before the space

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -4,7 +4,7 @@ import { Editor, Transforms, Range } from '@seafile/slate';
 import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
-import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE } from '../../constants';
+import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
 import { getNodeType, getSelectedElems } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -13,7 +13,7 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   var notMatch = selectedElems.some(function (elem) {
     var type = elem.type;
     if (editor.isVoid(elem)) return true;
-    if (['code-block', 'code-line', 'link'].includes(type)) return true;
+    if ([CODE_BLOCK, CODE_LINE, LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -43,7 +43,7 @@ export var getType = function getType(editor) {
     }),
     _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
     match = _Editor$nodes2[0];
-  if (!match) return 'paragraph';
+  if (!match) return PARAGRAPH;
   var _match = _slicedToArray(match, 1),
     n = _match[0];
   return getNodeType(n);

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

@@ -97,8 +97,8 @@ var SdocFileLink = function SdocFileLink(_ref) {
   } else if (element.DELETE) {
     style = _objectSpread({}, DELETED_STYLE);
   }
-  if (style.computed_bg_color) {
-    style['backgroundColor'] = style.computed_bg_color;
+  if (style.computed_background_color) {
+    style['backgroundColor'] = style.computed_background_color;
   }
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,

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

@@ -21,8 +21,8 @@ export var TABLE_ELEMENT_POSITION = {
   AFTER: 'after',
   BEFORE: 'before'
 };
-export var SELECTED_TABLE_CELL_BG_COLOR = '#dee8fe';
-export var STYLE_KEY = {
+export var SELECTED_TABLE_CELL_BACKGROUND_COLOR = '#dee8fe';
+export var TABLE_CELL_STYLE = {
   TEXT_ALIGN: 'textAlign',
-  BG_COLOR: 'bg_color'
+  BACKGROUND_COLOR: 'bg_color'
 };

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-bg-color-menu.js

@@ -1,17 +1,21 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback } from 'react';
 import { ColorMenu } from '../../../../commons';
-import { MENUS_CONFIG_MAP, BG_COLOR, RECENT_USED_TABLE_CELL_BG_COLORS_KEY } from '../../../../constants';
+import { RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY } from '../../../../constants';
 import { setCellStyle } from '../../helpers';
 import { useColorContext } from '../../../../../hooks/use-color-context';
-var CellBgColorMenu = function CellBgColorMenu(_ref) {
+var menuConfig = {
+  id: 'sdoc_background_color',
+  iconClass: 'sdocfont sdoc-bg-color',
+  text: 'Background_color'
+};
+var CellBackgroundColorMenu = function CellBackgroundColorMenu(_ref) {
   var isRichEditor = _ref.isRichEditor,
     className = _ref.className,
     editor = _ref.editor;
   var _useColorContext = useColorContext(),
-    lastUsedTableCellBgColor = _useColorContext.lastUsedTableCellBgColor,
-    updateLastUsedTableCellBgColor = _useColorContext.updateLastUsedTableCellBgColor;
-  var menuConfig = MENUS_CONFIG_MAP[BG_COLOR];
+    lastUsedTableCellBackgroundColor = _useColorContext.lastUsedTableCellBackgroundColor,
+    updateLastUsedTableCellBackgroundColor = _useColorContext.updateLastUsedTableCellBackgroundColor;
   var setColor = useCallback(function (color) {
     setCellStyle(editor, {
       bg_color: color
@@ -25,11 +29,11 @@ var CellBgColorMenu = function CellBgColorMenu(_ref) {
   }, menuConfig), {}, {
     onMouseDown: function onMouseDown() {},
     setColor: setColor,
-    recentUsedColorsKey: RECENT_USED_TABLE_CELL_BG_COLORS_KEY,
-    lastUsedColor: lastUsedTableCellBgColor,
-    updateLastUsedColor: updateLastUsedTableCellBgColor,
+    recentUsedColorsKey: RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY,
+    lastUsedColor: lastUsedTableCellBackgroundColor,
+    updateLastUsedColor: updateLastUsedTableCellBackgroundColor,
     popoverClassName: 'sdoc-table-cell-bg-colors-popover'
   });
   return /*#__PURE__*/React.createElement(ColorMenu, props);
 };
-export default CellBgColorMenu;
+export default CellBackgroundColorMenu;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { MenuGroup } from '../../../../commons';
 import { isAllInTable } from '../../helpers';
-import CellBgColorMenu from './cell-bg-color-menu';
+import CellBackgroundColorMenu from './cell-bg-color-menu';
 import CellTextAlignMenu from './cell-text-align-menu';
 import RemoveTable from './remove-table-menu';
 import TableColumnMenu from './table-column-menu';
@@ -25,7 +25,7 @@ var ActiveTableMenu = function ActiveTableMenu(_ref) {
   }), /*#__PURE__*/React.createElement(TableRowMenu, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(CellBgColorMenu, {
+  }), /*#__PURE__*/React.createElement(CellBackgroundColorMenu, {
     editor: editor,
     isRichEditor: isRichEditor,
     className: className,

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

@@ -6,7 +6,7 @@ import { Transforms } from '@seafile/slate';
 import ObjectUtils from '../../../../utils/object-utils';
 import { findPath, focusEditor } from '../../../core';
 import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
-import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BG_COLOR, STYLE_KEY } from '../constants';
+import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BACKGROUND_COLOR, TABLE_CELL_STYLE } from '../constants';
 import { getTableColumns, getCellColumn, colorBlend } from '../helpers';
 var TableCell = function TableCell(_ref) {
   var attributes = _ref.attributes,
@@ -39,16 +39,16 @@ var TableCell = function TableCell(_ref) {
     });
   }, [editor, element]);
   var style = attributes.style || {};
-  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
-    style[STYLE_KEY.TEXT_ALIGN] = element.style[STYLE_KEY.TEXT_ALIGN];
+  if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
+    style[TABLE_CELL_STYLE.TEXT_ALIGN] = element.style[TABLE_CELL_STYLE.TEXT_ALIGN];
   }
   if (isSelected) {
-    style['backgroundColor'] = SELECTED_TABLE_CELL_BG_COLOR;
+    style['backgroundColor'] = SELECTED_TABLE_CELL_BACKGROUND_COLOR;
   }
-  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR)) {
-    var color = element.style[STYLE_KEY.BG_COLOR];
+  if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.BACKGROUND_COLOR)) {
+    var color = element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR];
     if (color && color !== 'transparent' && color !== 'unset') {
-      style['backgroundColor'] = isSelected ? colorBlend(SELECTED_TABLE_CELL_BG_COLOR, color, 0.9) : color;
+      style['backgroundColor'] = isSelected ? colorBlend(SELECTED_TABLE_CELL_BACKGROUND_COLOR, color, 0.9) : color;
     }
   }
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
@@ -85,11 +85,11 @@ function renderTableCell(props) {
 
     // const cellValue = element;
     var style = attributes.style || {};
-    if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
-      style[STYLE_KEY.TEXT_ALIGN] = element[STYLE_KEY.TEXT_ALIGN];
+    if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
+      style[TABLE_CELL_STYLE.TEXT_ALIGN] = element[TABLE_CELL_STYLE.TEXT_ALIGN];
     }
-    if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR) && element.style[STYLE_KEY.BG_COLOR]) {
-      style['backgroundColor'] = element.style[STYLE_KEY.BG_COLOR];
+    if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.BACKGROUND_COLOR) && element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR]) {
+      style['backgroundColor'] = element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR];
     }
     var column = getCellColumn(editor, element);
     var width = column.width;

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

@@ -1,13 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor } from '@seafile/slate';
 import { getNodeType } from '../../core';
+import { CODE_BLOCK } from '../../constants/element-type';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
   if (editor.selection == null) return true;
   var _Editor$nodes = Editor.nodes(editor, {
       match: function match(n) {
         var type = getNodeType(n);
-        if (type === 'code-block') return true; // Code block
+        if (type === CODE_BLOCK) return true; // Code block
         if (Editor.isVoid(editor, n)) return true; // void node
 
         return false;

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

@@ -17,8 +17,8 @@ var renderText = function renderText(props, editor) {
     style['display'] = 'inline-block';
     style['minWidth'] = '2px';
   }
-  if (leaf.computed_bg_color) {
-    style['backgroundColor'] = leaf.computed_bg_color;
+  if (leaf.computed_background_color) {
+    style['backgroundColor'] = leaf.computed_background_color;
   }
   if (leaf.color) {
     style['color'] = leaf.color;

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

@@ -3,7 +3,7 @@ import slugid from 'slugid';
 import { ReactEditor } from '@seafile/slate-react';
 import copy from 'copy-to-clipboard';
 import { toggleList } from '../../plugins/list/transforms';
-import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, LIST_ITEM, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE } from '../../constants';
+import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, LIST_ITEM, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE } from '../../constants';
 export var onSetNodeType = function onSetNodeType(editor, element, type) {
   if (!type) return;
   if ([ORDERED_LIST, UNORDERED_LIST].includes(type)) {
@@ -62,10 +62,17 @@ export var onDeleteNode = function onDeleteNode(editor, element) {
     at: path
   });
 };
-export var getDomTopHeight = function getDomTopHeight(dom) {
-  var HEADER_HEIGHT = 56 + 44;
+export var getDomTopHeight = function getDomTopHeight(dom, slateNode) {
   var rect = dom.getBoundingClientRect();
-  return rect.y - HEADER_HEIGHT;
+  var offsetY = 0;
+  var paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
+  var lightHight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
+  if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
+    offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
+  }
+
+  var HEADER_HEIGHT = 56 + 44;
+  return rect.y - HEADER_HEIGHT + offsetY;
 };
 export var isVoidNode = function isVoidNode(node) {
   if (!node) return true;

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

@@ -69,8 +69,8 @@ var SideToolbar = function SideToolbar() {
         if (!dom.parentNode) return;
         dom = dom.parentNode;
       }
-      var top = getDomTopHeight(dom);
       var node = ReactEditor.toSlateNode(editor, dom);
+      var top = getDomTopHeight(dom, node);
       var isEmpty = isVoidNode(node);
       setSidePosition({
         top: top + scrollRef.current.scrollTop,

package/dist/basic-sdk/hooks/use-color-context.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useContext, useState } from 'react';
-import { DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR } from '../extension/constants';
+import { DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from '../extension/constants';
 var ColorContext = React.createContext(null);
 export var ColorProvider = function ColorProvider(props) {
   var _useState = useState(DEFAULT_LAST_USED_FONT_COLOR),
@@ -11,18 +11,18 @@ export var ColorProvider = function ColorProvider(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     lastUsedHighlightColor = _useState4[0],
     updateLastUsedHighlightColor = _useState4[1];
-  var _useState5 = useState(DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR),
+  var _useState5 = useState(DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR),
     _useState6 = _slicedToArray(_useState5, 2),
-    lastUsedTableCellBgColor = _useState6[0],
-    updateLastUsedTableCellBgColor = _useState6[1];
+    lastUsedTableCellBackgroundColor = _useState6[0],
+    updateLastUsedTableCellBackgroundColor = _useState6[1];
   return /*#__PURE__*/React.createElement(ColorContext.Provider, {
     value: {
       lastUsedFontColor: lastUsedFontColor,
       updateLastUsedFontColor: updateLastUsedFontColor,
       lastUsedHighlightColor: lastUsedHighlightColor,
       updateLastUsedHighlightColor: updateLastUsedHighlightColor,
-      lastUsedTableCellBgColor: lastUsedTableCellBgColor,
-      updateLastUsedTableCellBgColor: updateLastUsedTableCellBgColor
+      lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+      updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
     }
   }, props.children);
 };
@@ -33,16 +33,16 @@ export var useColorContext = function useColorContext() {
   }
   var lastUsedFontColor = context.lastUsedFontColor,
     lastUsedHighlightColor = context.lastUsedHighlightColor,
-    lastUsedTableCellBgColor = context.lastUsedTableCellBgColor,
+    lastUsedTableCellBackgroundColor = context.lastUsedTableCellBackgroundColor,
     updateLastUsedFontColor = context.updateLastUsedFontColor,
     updateLastUsedHighlightColor = context.updateLastUsedHighlightColor,
-    updateLastUsedTableCellBgColor = context.updateLastUsedTableCellBgColor;
+    updateLastUsedTableCellBackgroundColor = context.updateLastUsedTableCellBackgroundColor;
   return {
     lastUsedFontColor: lastUsedFontColor,
     updateLastUsedFontColor: updateLastUsedFontColor,
     lastUsedHighlightColor: lastUsedHighlightColor,
     updateLastUsedHighlightColor: updateLastUsedHighlightColor,
-    lastUsedTableCellBgColor: lastUsedTableCellBgColor,
-    updateLastUsedTableCellBgColor: updateLastUsedTableCellBgColor
+    lastUsedTableCellBackgroundColor: lastUsedTableCellBackgroundColor,
+    updateLastUsedTableCellBackgroundColor: updateLastUsedTableCellBackgroundColor
   };
 };

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

@@ -29,7 +29,7 @@ var DiffViewer = function DiffViewer(_ref) {
       return /*#__PURE__*/React.createElement("span", {
         className: "d-inline-block p-1",
         style: {
-          backgroundColor: style.computed_bg_color,
+          backgroundColor: style.computed_background_color,
           width: 'fit-content',
           height: 'fit-content'
         }

package/package.json

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