@seafile/sdoc-editor 0.1.154-beta5 → 0.1.155

package/dist/api/seafile-api.js

@@ -3,12 +3,7 @@ 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: {
@@ -51,6 +46,12 @@ 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) {
@@ -62,9 +63,9 @@ var SeafileAPI = /*#__PURE__*/function () {
       return this._sendPostRequest(url, form);
     }
   }, {
-    key: "getSeadocOriginFileContentDownloadLink",
-    value: function getSeadocOriginFileContentDownloadLink(docUuid) {
-      var url = '/api/v2.1/seadoc/revision/origin-file-download-link/' + docUuid + '/';
+    key: "getSeadocRevisionDownloadLinks",
+    value: function getSeadocRevisionDownloadLinks(docUuid) {
+      var url = '/api/v2.1/seadoc/revision/download-links/' + docUuid + '/';
       return this.req.get(url);
     }
   }, {
@@ -80,20 +81,6 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
       return this.req.get(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/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/constants/index.js

@@ -6,28 +6,4 @@ 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 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];
+export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]

package/dist/basic-sdk/editor.js

@@ -0,0 +1,105 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import { Editor } from '@seafile/slate';
+import { useTranslation } from 'react-i18next';
+import { createDefaultEditor } from './extension';
+import { focusEditor } from './extension/core';
+import { withSocketIO } from './socket';
+import withNodeId from './node-id';
+import { PAGE_EDIT_AREA_WIDTH } from './constants';
+import context from '../context';
+import { EditorContainer, EditorContent } from './layout';
+import SlateEditor from './slate-editor';
+import InsertElementDialog from './extension/commons/insert-element-dialog';
+var SDocEditor = forwardRef(function (_ref, ref) {
+  var document = _ref.document,
+    config = _ref.config;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+
+  // init editor
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: config
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.readonly = false;
+    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];
+
+  // The parent component can call the method of this component through ref
+  useImperativeHandle(ref, function () {
+    return {
+      // get latest value
+      getValue: function getValue() {
+        return slateValue;
+      }
+    };
+  }, [slateValue]);
+
+  // useMount: init socket connection
+  useEffect(function () {
+    editor.openConnection();
+    return function () {
+      editor.closeConnection();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // 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
+  }, []);
+
+  // useMount: reset title
+  useEffect(function () {
+    var isSdocRevision = context.getSetting('isSdocRevision');
+    var originFilename = context.getSetting('originFilename');
+    if (isSdocRevision) {
+      window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
+    }
+
+    // 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: setSlateValue
+  }))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+    editor: editor
+  }));
+});
+export default SDocEditor;

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

@@ -22,9 +22,4 @@ export var TABLE_CELL = 'table-cell';
 export var LINK = 'link';
 export var SDOC_LINK = 'sdoc-link';
 export var FILE_LINK = 'file_link';
-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';
+export var IMAGE = 'image';

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

@@ -3,11 +3,11 @@ 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'];

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/core/transforms/replace-node-children.js

@@ -12,30 +12,4 @@ 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.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/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/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;